@charset "utf-8";
@font-face {
  font-family: YuGothicM;
  src: local(Yu Gothic Medium);
}
::selection {
	background: #333;
}
::-moz-selection {
	background: #333;
}
* {
	max-height:999999px;
}
body {
	font-family: YuGothic,YuGothicM,"メイリオ",sans-serif;
	-webkit-text-size-adjust: 100%;
	color:#FFF;
	font-size:14px;
}
a {
	color: #FFF;
}
a:hover {
	text-decoration:none;
}
.ao {
	transition: opacity 0.3s ease;
}
.ao:hover {
	opacity:0.5;
}
.aoc {
	transition: all 0.3s ease;
}
@keyframes rotate3s {
	0% {
		transform:rotateY(0deg);
	}
	33% {
		transform:rotateY(360deg);
	}
	100% {
		transform:rotateY(360deg);
	}
}
@keyframes rotate4s {
	0% {
		transform:rotateY(0deg);
	}
	25% {
		transform:rotateY(360deg);
	}
	100% {
		transform:rotateY(360deg);
	}
}
@keyframes rotate5s {
	0% {
		transform:rotateY(0deg);
	}
	20% {
		transform:rotateY(360deg);
	}
	100% {
		transform:rotateY(360deg);
	}
}
@keyframes rotate6s {
	0% {
		transform:rotateY(0deg);
	}
	16% {
		transform:rotateY(360deg);
	}
	100% {
		transform:rotateY(360deg);
	}
}
@keyframes overRotate {
	0% {
		transform:perspective(250px) rotateY(0deg);
	}
	100% {
		transform:perspective(250px) rotateY(360deg);
	}
}
@keyframes loadingWindow {
	0% {
	left: -88px;
	top: -53px;
	}
	20% {
	left: -88px;
	top: -53px;
	}
	100% {
		left:0;
		top:0;
	}
}
@keyframes loadingPointer {
	0% {
		left: 10px;
		top: 10px;
		opacity:0;
	}
	20% {
		left: 10px;
		top: 10px;
		opacity:1;
	}
	100% {
		left: 98px;
		top: 63px;
		opacity:1;
	}
}
#fullWrap {
	min-height: 620px;
	min-width: 1200px;
	position: absolute;
	height: 100%;
	width: 100%;
	max-height: 1598px;
	max-width: 2998px;
	left: 0px;
	top: 0px;
	/*	-ms-transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);*/
	overflow: hidden;
}
#dragCanvas {
	position: absolute;
	left:50%;
	top:50%;
	-ms-transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
}
#dragCont {
	height: 1600px;
	width: 3000px;
	position: absolute;
	cursor:move;
}
#dragCont h1 {
	position: absolute;
	height: 119px;
	width: 225px;
	left: 1200px;
	top: 900px;
}
#dragCont #catch {
	height: 138px;
	width: 55px;
	position: absolute;
	left: 1317px;
	top: 490px;
}
#dragCont #startDate {
	height: 52px;
	width: 444px;
	position: absolute;
	left: 1200px;
	top: 1056px;
}
#dragCont #topics {
	z-index:500;
}
#dragCont #topics li {
	position:absolute;
	z-index:300;
}
#dragCont #topics li a {
	display:block;
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	text-decoration:none;
}
#dragCont #topics li a:hover dd {
	text-decoration:none;
}
#dragCont #topics li dl {
	height: 77px;
	width: 184px;
	position: absolute;
}
#dragCont #topics li dt {
	line-height:23px;
	height:23px;
	font-weight:bold;
	text-decoration:none;
}
#dragCont #topics li dd {
	height: 46px;
	line-height: 23px;
}
#dragCont #topics li:nth-child(1) {
	height: 186px;
	width: 211px;
	left: 1465px;
	top: 851px;
}
#dragCont #topics li:nth-child(1) div {
	background-image: url(../images/index_topics1.png);
	height: 186px;
	width: 211px;
}
#dragCont #topics li:nth-child(1) a {
	color:#FFF;
}
#dragCont #topics li:nth-child(1) dl {
	left: 14px;
	top: 74px;
}
#dragCont #topics li:nth-child(1) dt {
}
#dragCont #topics li:nth-child(1) dd {
	text-decoration:underline;
}
#dragCont #topics li:nth-child(2),
#dragCont #topics li:nth-child(3) {
	height: 77px;
	width: 250px;
}
#dragCont #topics li:nth-child(2) div,
#dragCont #topics li:nth-child(3) div {
	background-image: url(../images/index_topics2.png);
	background-position:left center;
	background-repeat:no-repeat;
	height: 77px;
	width: 250px;
}
#dragCont #topics li:nth-child(2) dl,
#dragCont #topics li:nth-child(3) dl {
	left:66px;
	top:0px;
}
#dragCont #topics li:nth-child(2) dt,
#dragCont #topics li:nth-child(3) dt {
	color:#ef7b75;
}
#dragCont #topics li:nth-child(2) {
	left:1771px;
	top:1269px;
}
#dragCont #topics li:nth-child(2) dd {
	color:#666;
	text-decoration:underline;
}
#dragCont #topics li:nth-child(3) {
	left:945px;
	top:289px;
}
#dragCont #topics li:nth-child(3) dd {
	color:#666;
	text-decoration:underline;
}
#dragCont #special1 {
	background-image: url(../images/index_special1_bg.png);
	height: 266px;
	width: 340px;
	position: absolute;
	left: 1774px;
	top: 428px;
}
#dragCont #special2 {
	height: 238px;
	width: 301px;
	position: absolute;
	left: 2258px;
	top: 840px;
	background-image: url(../images/index_special2_bg.png);
}
#dragCont #special1 dl {
	padding-top: 36px;
	padding-left: 24px;
	position: relative;
}
#dragCont #special1 dd {
	padding-top: 6px;
	padding-left: 95px;
}
#dragCont #special2 dl {
	position: relative;
	margin-left: -63px;
	padding-top: 49px;
}
#dragCont #special2 dd {
	padding-top: 15px;
	padding-left: 48px;
}
#dragCont #introduction {
	background-image: url(../images/index_introduction_bg.png);
	position: absolute;
	height: 336px;
	width: 517px;
	left: 608px;
	top: 258px;
	z-index:15;
}
#dragCont #introduction p {
	padding-top: 154px;
	padding-left: 153px;
}
#dragCont #introduction p a {
	background-image: url(../images/index_introduction_btn.png);
	display: block;
	height: 51px;
	width: 224px;
}
#dragCont #caststaff {
	height: 206px;
	width: 213px;
	position: absolute;
	left: 1247px;
	top: 165px;
}
#dragCont #caststaff a {
	background-image: url(../images/index_caststaff_btn.png);
	display: block;
	height: 206px;
	width: 213px;
}
#dragCont #story {
	position: absolute;
	height: 211px;
	width: 408px;
	left: 1268px;
	top: 1170px;
}
#dragCont #story a {
	height: 211px;
	width: 408px;
	background-image: url(../images/index_story_btn.png);
	display: block;
}
#dragCont #character {
	height: 154px;
	width: 269px;
	position: absolute;
	left: 2341px;
	top: 308px;
}
#dragCont #character a {
	background-image: url(../images/index_character_btn.png);
	display: block;
	height: 154px;
	width: 269px;
}
#dragCont #characters div {
	z-index:501;
}
#dragCont #character1 {
	height: 257px;
	width: 215px;
	position: absolute;
	left: 1490px;
	top: 222px;
}
#dragCont #character1 a {
	background-image: url(../images/index_character1_btn.png);
	display: block;
	height: 257px;
	width: 215px;
}
#dragCont #character2 {
	height: 247px;
	width: 215px;
	position: absolute;
	left: 1726px;
	top: 165px;
}
#dragCont #character2 a {
	background-image: url(../images/index_character2_btn.png);
	display: block;
	height: 247px;
	width: 215px;
}
#dragCont #character3 {
	height: 228px;
	width: 215px;
	position: absolute;
	left: 2105px;
	top: 350px;
}
#dragCont #character3 a {
	background-image: url(../images/index_character3_btn.png);
	display: block;
	height: 228px;
	width: 215px;
}
#dragCont #character4 {
	height: 250px;
	width: 215px;
	position: absolute;
	left: 2238px;
	top: 548px;
}
#dragCont #character4 a {
	background-image: url(../images/index_character4_btn.png);
	display: block;
	height: 250px;
	width: 215px;
}
#dragCont #music {
	position: absolute;
	height: 456px;
	width: 728px;
	left: 320px;
	top: 1046px;
}
#dragCont #music1 {
	position: absolute;
	height: 218px;
	width: 218px;
	left: 100px;
	top: 0px;
}
#dragCont #music1 p{
	height: 218px;
	width: 218px;
	background-image: url(../images/index_music1.png);
}
#dragCont #music2 {
	position: absolute;
	height: 218px;
	width: 218px;
	left: 0px;
	top: 238px;
}
#dragCont #music2 p{
	height: 218px;
	width: 218px;
	background-image: url(../images/index_music2.png);
}
#dragCont #music3 {
	position: absolute;
	height: 218px;
	width: 218px;
	left: 510px;
	top: 238px;
}
#dragCont #music3 p{
	height: 218px;
	width: 218px;
	background-image: url(../images/index_music3.png);
}
#dragCont #musicBtn {
	width: 224px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 288px;
	height: 138px;
}
#dragCont #musicBtn p {
	width: 224px;
	background-image: url(../images/index_music_text.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	height: 138px;
}
#dragCont #musicBtn a {
	background-image: url(../images/index_music_btn.png);
	display: block;
	height: 51px;
	width: 224px;
}
#dragCont #movie p {
	z-index: 502;
}
#dragCont #movie1 {
	height: 180px;
	width: 187px;
	position: absolute;
	left: 1206px;
	top: 677px;
}
#dragCont #movie1 a {
	background-image: url(../images/index_movie1_btn.png);
	display: block;
	height: 180px;
	width: 187px;
}
#dragCont #movie2 {
	height: 172px;
	width: 165px;
	position: absolute;
	left: 488px;
	top: 526px;
}
#dragCont #movie2 a {
	background-image: url(../images/index_movie2_btn.png);
	display: block;
	height: 172px;
	width: 165px;
}
#dragCont #visual p {
	z-index: 503;
}
#dragCont #visual1 {
	position: absolute;
	height: 211px;
	width: 255px;
	left: 2587px;
	top: 935px;
}
#dragCont #visual1 a {
	display: block;
	height: 211px;
	width: 255px;
	background-image: url(../images/index_visual1_btn.png);
}
#dragCont #visual2 {
	position: absolute;
	height: 211px;
	width: 255px;
	left: 2441px;
	top: 1166px;
}
#dragCont #visual2 a {
	display: block;
	height: 211px;
	width: 255px;
	background-image: url(../images/index_visual2_btn.png);
}
#dragCont #pchara1 {
	height: 591px;
	width: 404px;
	position: absolute;
	left: 1696px;
	top: 621px;
	z-index: 10;
}
#dragCont #pchara1 p{
	background-image: url(../images/index_pchara1.png);
	height: 591px;
	width: 404px;
}
#dragCont #pchara2 {
	position: absolute;
	height: 492px;
	width: 511px;
	left: 769px;
	top: 439px;
}
#dragCont #pchara2 p{
	height: 492px;
	width: 511px;
	background-image: url(../images/index_pchara2.png);
}
#dragCont #pchara3 {
	position: absolute;
	height: 307px;
	width: 392px;
	left: 1405px;
	top: 512px;
}
#dragCont #pchara3 p{
	background-image: url(../images/index_pchara3.png);
	height: 307px;
	width: 392px;
}
#dragCont #schara1 {
	height: 209px;
	width: 168px;
	position: absolute;
	left: 689px;
	top: 946px;
	transition-delay:1.7s;
}
#dragCont #schara1 p{
	background-image: url(../images/index_schara1.png);
	height: 209px;
	width: 168px;
}
#dragCont #schara2 {
	height: 215px;
	width: 172px;
	position: absolute;
	left: 2205px;
	top: 1081px;
	transition-delay:0.8s;
}
#dragCont #schara2 p{
	background-image: url(../images/index_schara2.png);
	height: 215px;
	width: 172px;
}
#dragCont #schara3 {
	height: 131px;
	width: 111px;
	position: absolute;
	left: 1110px;
	top: 1335px;
	transition-delay:1.3s;
}
#dragCont #schara3 p{
	background-image: url(../images/index_schara3.png);
	height: 131px;
	width: 111px;
}
#dragCont #schara4 {
	height: 149px;
	width: 119px;
	position: absolute;
	left: 1569px;
	top: 29px;
	transition-delay:0.3s;
}
#dragCont #schara4 p{
	background-image: url(../images/index_schara4.png);
	height: 149px;
	width: 119px;
}
#dragCont #dchara1 {
	height: 190px;
	width: 153px;
	position: absolute;
	left: 707px;
	top: 80px;
	transition-delay:1.2s;
}
#dragCont #dchara1 p{
	background-image: url(../images/index_dchara1.png);
	height: 190px;
	width: 153px;
}
#dragCont #dchara2 {
	height: 195px;
	width: 144px;
	position: absolute;
	left: 539px;
	top: 75px;
	transition-delay:2.1s;
}
#dragCont #dchara2 p{
	background-image: url(../images/index_dchara2.png);
	height: 195px;
	width: 144px;
}
#dragCont #dchara3 {
	height: 178px;
	width: 144px;
	position: absolute;
	left: 2503px;
	top: 566px;
	transition-delay:1.26s;
}
#dragCont #dchara3 p{
	background-image: url(../images/index_dchara3.png);
	height: 178px;
	width: 144px;
}
#dragCont #dchara4 {
	height: 196px;
	width: 152px;
	position: absolute;
	left: 2649px;
	top: 664px;
	transition-delay:1.7s;
}
#dragCont #dchara4 p{
	background-image: url(../images/index_dchara4.png);
	height: 196px;
	width: 152px;
}
#dragCont #twitter {
	height: 122px;
	width: 142px;
	position: absolute;
	left: 488px;
	top: 857px;
}
#dragCont #twitter a {
	background-image: url(../images/index_twitter_btn.png);
	display: block;
	height: 122px;
	width: 142px;
}
#dragCont #animal1 {
	height: 74px;
	width: 177px;
	position: absolute;
	left: 539px;
	top: 721px;
}
#dragCont #animal1 p{
	background-image: url(../images/index_animal1.png);
	height: 74px;
	width: 177px;
}
#dragCont #animal2 {
	height: 129px;
	width: 78px;
	position: absolute;
	left: 2060px;
	top: 1119px;
	z-index:11;
}
#dragCont #animal2 p{
	background-image: url(../images/index_animal2.png);
	height: 129px;
	width: 78px;
}
#dragCont #animal3 {
	height: 63px;
	width: 83px;
	position: absolute;
	left: 2076px;
	top: 726px;
}
#dragCont #animal3 p{
	background-image: url(../images/index_animal3.png);
	height: 63px;
	width: 83px;
}
#dragCont #animal4 {
	height: 51px;
	width: 53px;
	position: absolute;
	left: 2141px;
	top: 965px;
}
#dragCont #animal4 p{
	background-image: url(../images/index_animal4.png);
	height: 51px;
	width: 53px;
}
#dragCont #etc1 {
	position: absolute;
	height: 266px;
	width: 193px;
	left: 960px;
	top: 991px;
}
#dragCont #etc1 p{
	background-image: url(../images/index_etc1.png);
	height: 266px;
	width: 193px;
}
#dragCont #etc2 {
	position: absolute;
	height:157px;
	width: 77px;
	left: 1694px;
	top: 512px;
}
#dragCont #etc2 p{
	background-image: url(../images/index_etc2.png);
	height:157px;
	width: 77px;
}
#dragCont #etc3 {
	position: absolute;
	height: 52px;
	width: 41px;
	left: 2137px;
	top: 652px;
}
#dragCont #etc3 p {
	background-image: url(../images/index_etc3.png);
	height: 52px;
	width: 41px;
}
#dragCont #etc4 {
	position: absolute;
	height: 47px;
	width: 37px;
	left: 1164px;
	top: 845px;
}
#dragCont #etc4 p {
	background-image: url(../images/index_etc4.png);
	height: 47px;
	width: 37px;
}
#dragCont #etc5 {
	position: absolute;
	height: 142px;
	width: 142px;
	left: 336px;
	top: 676px;
}
#dragCont #etc5 p{
	background-image: url(../images/index_etc5.png);
	height: 142px;
	width: 142px;
}
#dragCont #frameimg1 {
	position: absolute;
	height: 104px;
	width: 323px;
	left: 0px;
	top: 364px;
}
#dragCont #frameimg1 p {
	background-image: url(../images/index_frameimg1.png);
	height: 104px;
	width: 323px;
}
#dragCont #frameimg2 {
	position: absolute;
	height: 236px;
	width: 381px;
	left: 2083px;
	top: 0px;
}
#dragCont #frameimg2 p{
	background-image: url(../images/index_frameimg2.png);
	height: 236px;
	width: 381px;
}
#dragCont #frameimg3 {
	position: absolute;
	height:504px;
	width: 258px;
	left: 0px;
	top: 1096px;
}
#dragCont #frameimg3 p{
	background-image: url(../images/index_frameimg3.png);
	height:504px;
	width: 258px;
}
#dragCont #frameimg4 {
	position: absolute;
	height:457px;
	width: 279px;
	left: 2721px;
	top: 1143px;
}
#dragCont #frameimg4 p {
	background-image: url(../images/index_frameimg4.png);
	height:457px;
	width: 279px;
}
#dragCont #frameimg5 {
	position: absolute;
	height:73px;
	width: 211px;
	left: 372px;
	top: 378px;
}
#dragCont #frameimg5 p {
	background-image: url(../images/index_frameimg5.png);
	height:73px;
	width: 211px;
}

#index #copyright {
	font-size: 10px;
	color: #FF5081;
	position: absolute;
	right: 20px;
	bottom: 20px;
	background-color: transparent;
}
#rain {
	width: 100%;
	height: calc(50% + 2px);
	min-width: 1200px;
	position: absolute;
	right: 0px;
	left: 0px;
	top: 0px;
}
#bgMask {
	background-color: #FFF;
	position: absolute;
	left: 0px;
	top: 50%;
	right: 0px;
	bottom: 0px;
}
.r {
	transition:all 1s ease;
	opacity:0;
}
.r:hover {
	transform:scale(1.1);
	transition:all 0.5s ease;
}
#index #navBtn {
	height: 369px;
	width: 71px;
	margin-top: -185px;
	position: fixed;
	left: -71px;
	top: 50%;
	z-index: 9998;
	transition:all .3s ease;
	transition-delay:2s;
	background-image: url(../images/index_navbtn_bg.png);
}
#sub #navBtn {
	background-image: url(../images/sub_navbtn_bg.png);
	height: 385px;
	width: 81px;
	margin-top: -192px;
	position: fixed;
	left: -81px;
	top: 50%;
	z-index: 9998;
	transition:all .3s ease;
}
#navBtn.active {
	left:0 !important;
}
.navTrigger {
	height: 34px;
	width: 34px;
	position: absolute;
	left: 11px;
	top: 179px;
	display: block;
}
#sub .navTrigger {
	top: 192px;
}
.navTrigger span {
	background-color: #FFF;
	height: 4px;
	width: 24px;
	display: block;
	position: absolute;
	border-radius:2px;
	left:5px;
	transition:all 0.5s ease;
}
#sub .navTrigger span {
	background-color:#EF7B75;
}
.navTrigger span:nth-of-type(1){
	top:6px;
}
.navTrigger span:nth-of-type(2){
	top:15px;
}
.navTrigger span:nth-of-type(3){
	top:24px;
}
.navTrigger:hover span:nth-of-type(2){
	width:18px;
}
.navTrigger:hover span:nth-of-type(3){
	width:12px;
}
.navTrigger.active span:nth-of-type(1) {
	-webkit-transform: translateY(9px) rotate(-45deg);
	transform: translateY(9px) rotate(-45deg);
}
.navTrigger.active span:nth-of-type(2) {
	opacity: 0;
}
.navTrigger.active span:nth-of-type(3) {
	-webkit-transform: translateY(-9px) rotate(45deg);
	transform: translateY(-9px) rotate(45deg);
	width:24px
}
#navBtn ul {
	position: absolute;
	height: 123px;
	width: 34px;
	left: 12px;
	top:241px;
}
#sub #navBtn ul {
	top:255px;
}
#navBtn li {
	height: 34px;
	width: 34px;
	padding-bottom: 7px;
}
#navBtn li a {
	display:block;
	width:34px;
	height:34px;
		background-color:#EF7B75;
}
#navBtn li a:hover {
	animation:overRotate 1s infinite;
}
nav {
	background-color: #EF7B75;
	position: fixed;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	z-index: 9997;
	display: none;
}
nav #navin {
	height: 412px;
	width: 900px;
	margin-top: -206px;
	margin-left: -450px;
	position: absolute;
	left: 50%;
	top: 50%;
	background-image: url(../images/nav_bg.png);
	background-repeat: no-repeat;
	background-position: right center;
}
nav #navin ul {
	float: left;
	width: 174px;
	margin-right: 37px;
	margin-left: 88px;
}
nav #navin ul #nav00 {
	padding-top: 246px;
}
nav #navin ul li {
	height: 81px;
	width: 174px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FFF;
	opacity:0;
	position:relative;
	left:-30px;
	transition:all 0.5s ease;
}
nav.active #navin ul li {
	left:0;
	opacity:1;
	transition:all 0.5s ease;
}
nav.active #navin ul:nth-of-type(1) li:nth-of-type(1){
	transition-delay:.2s;
}
nav.active #navin ul:nth-of-type(1) li:nth-of-type(2){
	transition-delay:.25s;
}
nav.active #navin ul:nth-of-type(1) li:nth-of-type(3){
	transition-delay:.3s;
}
nav.active #navin ul:nth-of-type(1) li:nth-of-type(4){
	transition-delay:.35s;
}
nav.active #navin ul:nth-of-type(1) li:nth-of-type(5){
	transition-delay:.4s;
}
nav.active #navin ul:nth-of-type(2) li:nth-of-type(1){
	transition-delay:.45s;
}
nav.active #navin ul:nth-of-type(2) li:nth-of-type(2){
	transition-delay:.5s;
}
nav.active #navin ul:nth-of-type(2) li:nth-of-type(3){
	transition-delay:.55s;
}
nav.active #navin ul:nth-of-type(2) li:nth-of-type(4){
	transition-delay:.6s;
}
nav.active #navin ul:nth-of-type(2) li:nth-of-type(5){
	transition-delay:.65s;
}
nav.active #navin ul:nth-of-type(3) li:nth-of-type(1){
	transition-delay:.7s;
}
nav.active #navin ul:nth-of-type(3) li:nth-of-type(2){
	transition-delay:.75s;
}
nav #navin li a {
	height: 81px;
	width: 174px;
	display: block;
}
nav #navin li a img {
	position:relative;
	transition:all .5s ease;
	left:0;
}
nav #navin li a.soon {
	cursor:default;
}
nav #navin li a.soon img {
	opacity:0.3;
}
nav #navin li a.soon:hover img {
	left:0px;
}
nav #navin li a:hover img {
	transition:all 0.2s ease;
	left:-15px;
}
.loading {
	position: absolute;
	z-index: 10005;
	height: 100%;
	width: 100%;
	left: 0px;
	top: 0px;
	background-color: #FFF;
	min-height:620px;
	min-width:1200px;
}
#loadingLogo {
	height: 120px;
	width: 217px;
	position: absolute;
}
#loadingLogoMask {
	background-image: url(../images/loading_mask.png);
	height: 120px;
	width: 217px;
	margin-top: -60px;
	margin-left: -108px;
	position: absolute;
	opacity:0;
	left:50%;
	top:50%;
}
#loading1 #loadingColor {
	width: 0px;
	left: 0px;
	top: 0px;
	bottom: 0px;
}
#loading2 #loadingColor {
	width: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
}
#loading3 #loadingColor {
	height: 0px;
	left: 0px;
	top: 0px;
	right: 0px;
}
#loading4 #loadingColor {
	height: 0px;
	left: 0px;
	bottom: 0px;
	right: 0px;
}
#loadingColor {
	position: absolute;
	transition: all 0.5s cubic-bezier(0.07, 0.62, 0.4, 0.99);
	overflow: hidden;
}
#loading1 #loadingColor.active,
#loading2 #loadingColor.active {
	width:100%;
}
#loading3 #loadingColor.active,
#loading4 #loadingColor.active {
	height:100%;
}
.modal {
	position: absolute;
	height: 100%;
	width: 100%;
	left: 0px;
	top: 0px;
	z-index:9999;
	display:none;
}
.modal2 {
	position: absolute;
	height: 100%;
	width: 100%;
	left: 0px;
	top: 0px;
	z-index:9999;
	display:none;
}
.close2 {
	position: absolute;
	height: 45px;
	width: 45px;
	top: 40px;
	right: 40px;
}
.close2 a span {
	display: block;
	height: 45px;
	width: 45px;
	text-indent:-9484px;
	background-image:url(../images/btn_close2.png);
}
.close2 a:hover span {
	animation:overRotate 1s infinite;
}

#sub header {
	height: 355px;
	width: 100%;
	overflow: hidden;
	min-width:1200px;
}
.pageWrap {
	width:1200px;
	margin:0 auto;
}
#sub header .pageWrap {
	height: 355px;
	position: relative;
}
#sub h1 {
	height: 84px;
	width: 160px;
	position: absolute;
	left: 29px;
	top: 32px;
	z-index: 9800;
}
#sub h1 a {
	background-image: url(../images/sub_logo.png);
	height: 84px;
	width: 160px;
	display: block;
}
#sub #pchara1 {
	position: absolute;
	height: 353px;
	width: 350px;
	left: 829px;
	top: 2px;
	z-index:15;
}
#sub #pchara1 p {
	background-image: url(../images/sub_pchara1.png);
	height: 353px;
	width: 350px;
}
#sub #pchara2 {
	position: absolute;
	height: 300px;
	width: 360px;
	left: 1px;
	top: 55px;
	z-index:15;
}
#sub #pchara2 p {
	background-image: url(../images/sub_pchara2.png);
	height: 300px;
	width: 360px;
}
#sub #pchara3 {
	height: 215px;
	width: 306px;
	position: absolute;
	left: 522px;
	top: 41px;
	z-index:15;
}
#sub #pchara3 p {
	background-image: url(../images/sub_pchara3.png);
	height: 215px;
	width: 306px;
}
#sub #catch {
	height: 119px;
	width: 48px;
	position: absolute;
	left: 410px;
	top: 68px;
	background-image: url(../images/sub_catch.png);
	z-index:20;
}
#sub #schara1 {
	position: absolute;
	height: 45px;
	width: 39px;
	left: 217px;
	top: 12px;
	z-index: 25;
}
#sub #schara1 p {
	background-image: url(../images/sub_schara1.png);
	height: 45px;
	width: 39px;
}
#sub #schara2 {
	position: absolute;
	height: 51px;
	width: 40px;
	left: 1140px;
	top: 148px;
	z-index: 25;
}
#sub #schara2 p {
	background-image: url(../images/sub_schara2.png);
	height: 51px;
	width: 40px;
}
#sub #etc1 {
	position: absolute;
	height: 120px;
	width: 240px;
	left: 703px;
	top: 0px;
}
#sub #etc1 p {
	background-image: url(../images/sub_etc1.png);
	height: 120px;
	width: 240px;
}
#sub #etc2 {
	position: absolute;
	height: 127px;
	width: 116px;
	left: 350px;
	top: 228px;
}
#sub #etc2 p {
	background-image: url(../images/sub_etc2.png);
	height: 127px;
	width: 116px;
}
#sub #etc3 {
	position: absolute;
	height: 91px;
	width: 44px;
	left: 579px;
	top: 255px;
}
#sub #etc3 p {
	background-image: url(../images/sub_etc3.png);
	height: 91px;
	width: 44px;
}
#sub #etc4 {
	position: absolute;
	height: 36px;
	width: 108px;
	left: 333px;
	top: 0px;
}
#sub #etc4 p {
	background-image: url(../images/sub_etc4.png);
	height: 36px;
	width: 108px;
}
#sub #etc5 {
	position: absolute;
	height: 28px;
	width: 23px;
	left: 305px;
	top: 228px;
}
#sub #etc5 p {
	background-image: url(../images/sub_etc5.png);
	height: 28px;
	width: 23px;
}
#sub #etc6 {
	position: absolute;
	height: 57px;
	width: 56px;
	left: 489px;
	top: 252px;
}
#sub #etc6 p {
	background-image: url(../images/sub_etc6.png);
	height: 57px;
	width: 56px;
}
#sub #etc7 {
	position: absolute;
	height: 173px;
	width: 376px;
	left: 1076px;
	top: 0px;
}
#sub #etc7 p {
	background-image: url(../images/sub_etc7.png);
	height: 173px;
	width: 376px;
}
#sub #animal1 {
	position: absolute;
	height: 35px;
	width: 83px;
	left: 782px;
	top: 82px;
}
#sub #animal1 p{
	background-image: url(../images/sub_animal1.png);
	height: 35px;
	width: 83px;
}
#sub #animal2{
	position: absolute;
	height: 31px;
	width: 31px;
	left: 720px;
	top: 280px;
}
#sub #animal2 p{
	background-image: url(../images/sub_animal2.png);
	height: 31px;
	width: 31px;
}
#sub #animal3 {
	position: absolute;
	height: 52px;
	width: 124px;
	left: -153px;
	top: 263px;
}
#sub #animal3 p{
	background-image: url(../images/sub_animal3.png);
	height: 52px;
	width: 124px;
}
#sub #animal3 {
	position: absolute;
	height: 52px;
	width: 124px;
	left: -153px;
	top: 263px;
}
#sub #animal3 p{
	background-image: url(../images/sub_animal3.png);
	height: 52px;
	width: 124px;
}
.subCont {
	position: relative;
	padding-bottom: 40px;
	display: none;
	min-width:1200px;
}
.subCont .pageWrap {
	position: relative;
	padding-top: 80px;
	z-index:40;
}
#sub #animal4 {
	height: 36px;
	width: 48px;
	position: absolute;
	left: 747px;
	top: -18px;
}
#sub #animal4 p {
	background-image: url(../images/sub_animal4.png);
	height: 36px;
	width: 48px;
}
#sub h2 {
	height: 51px;
	width: 224px;
	margin-left: -112px;
	position: absolute;
	left: 50%;
	top: -24px;
	z-index:40;
	border-radius:26px;
	overflow:hidden;
}
.subContInner {
	width: 850px;
	margin-right: auto;
	margin-left: auto;
}

.subContInnerS {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}
#newsList li {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FFF;
	font-size: 16px;
	clear:both;
}
#newsList li dt {
	line-height: 31px;
	padding-top: 22px;
	padding-bottom: 22px;
	float: left;
	width: 110px;
	color:#FFF;
}
#newsList dt:after {
	content:'：';
}
#newsList li dd {
	line-height: 31px;
	padding-top: 22px;
	padding-bottom: 22px;
	float: left;
	width: 740px;
	color:#FFF;
}
.paging {
	padding-top: 43px;
	padding-bottom: 43px;
	display: table;
	margin-right: auto;
	margin-left: auto;
}
.paging a, .paging span {
	display: table-cell;
	height: 34px;
	font-size: 16px;
	line-height: 34px;
	text-align: center;
	padding-right: 10px;
	padding-left: 10px;
}
.paging span {
	font-weight:bold;
}
#sub #rain {
	width: 100%;
	height: 20px;
	min-width: 1200px;
	position: absolute;
	right: 0px;
	left: 0px;
	top: -19px;
	z-index:35;
}
#sub footer {
	position: relative;
	height:140px;
	width:1100px;
	margin:30px auto 0;
	overflow:hidden;
	clear:both;
}
#sub #official {
	height: 34px;
	width: 34px;
	padding-left: 53px;
	position: absolute;
	left: 0px;
	bottom: 24px;
	background-repeat: no-repeat;
	background-position: left 7px;
	background-image: url(../images/sub_official.png);
}
#sub #official a {
	width:34px;
	height:34px;
	display:block;
}
#sub #official a span {
	background-image: url(../images/sub_icon_twitter.png);
	background-position: center center;
	display: block;
	height: 34px;
	width: 34px;
	text-indent: -9848px;
	border-radius:17px;
}
#sub #share {
	position: absolute;
	width: 126px;
	height: 34px;
	padding-left: 38px;
	left: 130px;
	bottom: 24px;
	background-position: left 7px;
	background-repeat: no-repeat;
	background-image: url(../images/sub_share.png);
}
#sub #share li {
	float:left;
	width:34px;
	height:34px;
	padding-left:8px;
}
#sub #share a {
	width:34px;
	height:34px;
	display:block;
}
#sub #share a span {
	width:34px;
	height:34px;
	background-position:center center;
	border-radius:17px;
	display:block;
	text-indent:-9875px;
}
#sub #tw a span {
	background-image: url(../images/sub_icon_twitter.png);
}
#sub #fb a span {
	background-image: url(../images/sub_icon_facebook.png);
}
#sub #ln a span {
	background-image: url(../images/sub_icon_line.png);
}
#sub #share a:hover span,
#sub #official a:hover span {
	animation:overRotate 1s infinite;
}
#sub #startDate {
	position: absolute;
	height: 70px;
	width: 634px;
	right: 0px;
	bottom: 22px;
	background-position: right bottom;
	background-repeat: no-repeat;
}
#sub #copyright {
	width: 500px;
	position: absolute;
	right: 0px;
	bottom: 25px;
	font-size: 10px;
	text-align: right;
	color:#FFF;
}
#sub #loading {
	position: absolute;
	height: 100%;
	width: 100%;
	left: 0px;
	top: 0px;
	min-width: 1200px;
	z-index: 15000;
	background-color: #FFF;
}
.newsWrap h3 {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FFF;
}
.newsWrap h3 span {
	line-height: 31px;
	font-size: 16px;
	float:left;
	padding-top: 32px;
	padding-bottom: 22px;
	display:block;
}
.newsWrap h3 .date {
	width: 110px;
}
.newsWrap h3 .date:after {
	content:'：';
}
.newsWrap h3 .title {
	width: 740px;
}
.newsWrap article p {
	font-size: 16px;
	line-height: 30px;
	padding-bottom: 33px;
}
#articleInner {
	padding-top: 50px;
	padding-bottom: 50px;
}
#sub #introduction {
	width: 886px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 50px;
	padding-top: 50px;
}
#sub #introduction h3 {
	margin-bottom: 41px;
	width:684px;
	height:80px;
	background-image:url(../images/h3_introduction.png);
}
#sub #introduction .introduction {
	margin-bottom: 30px;
	width:886px;
	height:194px;
	background-image:url(../images/introduction.png);
}
#sub #introduction .introduction2 {
	width:509px;
	height:23px;
	background-image:url(../images/introduction2.png);
}
#sub #caststaff {
	width: 886px;
	padding-top: 50px;
	padding-bottom: 50px;
	margin-right: auto;
	margin-left: auto;

}
#sub #caststaff #cast {
	background-image: url(../images/sub_cast.png);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	height: 889px;
	width: 432px;
	position: relative;
}
#sub #caststaff #cast .comment {
	position: absolute;
	height: 29px;
	width: 105px;
	right: 0px;
}
#sub #caststaff #comment1 {
	top: 77px;
}
#sub #caststaff #comment2 {
	top: 126px;
}
#sub #caststaff #comment3 {
	top: 175px;
}
#sub #caststaff #comment4 {
	top: 225px;
}
#sub #caststaff #comment5 {
	top: 165px;
	position:absolute;
	left:180px;
	height: 29px;
	width: 105px;
}
#sub #caststaff #comment0 {
	top: 105px;
	position:absolute;
	left:55px;
	height: 29px;
	width: 105px;
}
#sub #caststaff #comment0 a {
	transition:all 0.3s ease;
}
#sub #caststaff #comment0 a:hover {
	opacity:0.6;
}
#sub #caststaff .comment a{
	width:105px;
	height:29px;
	display:block;
	background-image:url(../images/btn_comment.png);
}
#sub #caststaff .commentText {
	background-color: #FFF;
	width: 450px;
	position: absolute;
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
	border-radius:15px;
	padding:20px;
	position:absolute;
	right:-505px;
	display:none;
	z-index:510;
	color:#333;
}
#sub #caststaff .commentText:before {
	content:'';
	position:absolute;
	left:-15px;
	top:50%;
	margin-top:-6px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 6px 15px 6px 0;
	border-color: transparent #ffffff transparent transparent;
}
#sub #caststaff #comment1Text {
	top:92px;
}
#sub #caststaff #comment2Text {
	top:141px;
}
#sub #caststaff #comment3Text {
	top:190px;
}
#sub #caststaff #comment4Text {
	top:239px;
}
#sub #caststaff #comment5Text {
	top:180px;
	right:210px;
}
#sub #caststaff #comment5Text:before {
	content:'';
	position:absolute;
	right:-15px;
	left:auto;
	top:50%;
	margin-top:-6px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 6px 0 6px 15px;
	border-color: transparent transparent transparent #ffffff;
}
#sub #caststaff #staff {
	background-image: url(../images/staff.png);
	background-position: right top;
	float: right;
	height: 825px;
	width: 376px;
	position: relative;
}
#sub #onair {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 50px;
	padding-bottom: 50px;
}
#sub #onair h3 {
	width: 608px;
	margin: 0 auto;
	height: 74px;
	margin-bottom: 57px;
	background-image: url(../images/onair_header.png);
}
#sub #onair .onair {
	width: 607px;
	background-image: url(../images/onair.png);
	height: 299px;
	margin-right: auto;
	margin-left: auto;
}
#sub #music{
	font-size: 16px;
	line-height: 40px;
}
#sub #music .muImg{
	text-align: center;
	margin-bottom: 50px;
}
#sub #music .musicTheme{
	margin-top: 78px;
}
#sub #music .specialTheme{
	margin-top: 50px;
}
#sub #music .musicInfo{
	margin-bottom: 50px;
}
#sub #music .musicInfo dt,.m_ttl{
	color: #fff;
	font-weight:bold;
}
#sub #music .singerInfo{
	margin-bottom: 70px;
}
#sub #music #linkBox{
	display:-webkit-box;
	display:-ms-flexbox;
	display: -webkit-flex;
    display: flex;
	 -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align:center;
	-ms-flex-align:center;
	-webkit-align-items:center;
    align-items: center;
    height: 51px;
	margin-bottom: 40px;
}
#sub #music #linkBox li{
	margin-right: 26px;
}
#sub #music #linkBox li:last-child{
	margin-right: 0;
}
#sub #music #linkBox a img:hover{
	opacity: 0.7;
	-webkit-transition: all .40s ease;
	transition: all .40s ease;
}
#sub #music .musicComment{
	margin-bottom: 50px;
	border: 1px solid #fff;
	padding: 30px;
}
#sub #music .musicLeft{
	width: 412px;
	float: left;
}
#sub #music .musicRight{
	width: 412px;
	float: right;
}
#sub #music #linkBox02{
	display:-webkit-box;
	display:-ms-flexbox;
	display: -webkit-flex;
    display: flex;
	 -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align:center;
	-ms-flex-align:center;
	-webkit-align-items:center;
    align-items: center;
    height: 113px;
	margin-top: 20px;
	margin-bottom: 40px;
	text-indent: -9999px;
}
#sub #music #linkBox02 li{
	margin-right: 50px;
	cursor: pointer;
}
#sub #music #linkBox02 li:last-child{
	margin-right: 0;
}
#sub #music li.opBtn{
	background: url(../images/mu_sw_op.png) no-repeat;
	background-position: 0 -112px;
	width: 118px;
	height: 113px;
}
#sub #music #linkBox02 li:hover,
#sub #music #linkBox02 li.active{
	background-position: 0 0;
}
#sub #music li.edBtn{
	background: url(../images/mu_sw_ed.png) no-repeat;
	width: 118px;
	height: 113px;
	background-position: 0 -112px;
}
#sub #music #linkBox03{
	display:-webkit-box;
	display:-ms-flexbox;
	display: -webkit-flex;
    display: flex;
	 -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align:center;
	-ms-flex-align:center;
	-webkit-align-items:center;
    align-items: center;
    height: 51px;
	padding-top: 20px;
	margin-bottom: 40px;
	text-indent: -9999px;
}





#sub #music #linkBox03 li{
	margin-right: 16px;
	cursor: pointer;
	width: 224px
}
#sub #music #linkBox03 li:last-child{
	margin-right: 0;
}

#sub #music #linkBox03 li:hover,
#sub #music #linkBox03 li.active{
	background-position: 0 -51px;
}
#sub #music li.sp1Btn{
	background: url(../images/btn_sp1.png) no-repeat;
	width: 224px;
	height: 51px;
}
#sub #music li.sp2Btn{
	background: url(../images/btn_sp2.png) no-repeat;
	width: 224px;
	height: 51px;
}
#sub #music li.sp3Btn{
	background: url(../images/btn_sp3.png) no-repeat;
	width: 224px;
	height: 51px;
}
#sub #music li.sp4Btn{
	background: url(../images/btn_sp4.png) no-repeat;
	width: 224px;
	height: 51px;
}

#sub #music {
	width: 850px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 50px;
	padding-bottom: 50px;
}
.modal {
	position: fixed;
	min-height: 620px;
	min-width: 1200px;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background-color: #FFF;
	z-index:20000;
	overflow: hidden;
	display: none;
}
.modalCont {
	opacity:0;
	transition:all 0.5s ease;
}
.modalCont.active {
	opacity:1;
}
#modalLeft {
	position: absolute;
	left: 0px;
	top: 0px;
	right: 50%;
	bottom: 0px;
}
.commentLeft {
	background-image: url(../images/comment_illust.gif);
	background-repeat: no-repeat;
	background-position: center center;
	background-size:100% auto;
}
#modalRight {
	position: absolute;
	left: 50%;
	top: 0px;
	right: 0px;
	bottom: 0px;
	transition-delay:0.25s;
}
#commentRightin {
	height: 620px;
	width: 600px;
	margin-top: -310px;
	margin-left: -300px;
	position: absolute;
	left: 50%;
	top: 50%;
	box-sizing: border-box;
	padding-top: 83px;
	padding-left: 40px;
}
#commentRightin h3 {
	height: 43px;
	width: 240px;
	background-image: url(../images/comment_name.png);
	background-repeat: no-repeat;
	margin-bottom: 43px;
}
#commentRightin p {
	height: 426px;
	width: 525px;
	background-image: url(../images/comment_text.gif);
}
.close {
	height: 45px;
	width: 45px;
	position: absolute;
	top: 40px;
	right: 40px;
	z-index:6500;
}
.close a {
	display: block;
	height: 45px;
	width: 45px;
}
.close a span {
	background-image: url(../images/btn_close.png);
	height: 45px;
	width: 45px;
	display: block;
	text-indent:-8978px;
}
.close a:hover span {
	animation:overRotate 1s infinite;
}
#sub #story {
	width: 880px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 50px;
	padding-top: 50px;
}

#sub #storyDetail {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 0;
	padding-top: 50px;
}

#sub #story h3 {
	height: 75px;
	width: 501px;
	margin-bottom: 43px;
	margin-top:0px;
	background-image: url(../images/story_catch1.png);
	background-repeat: no-repeat;
}
#sub #story .story {
	background-image: url(../images/story_text.png);
	height: 263px;
	width: 879px;
	margin-bottom: 50px;
}
#sub #story .story2 {
	background-image: url(../images/story_catch2.png);
	height: 73px;
	width: 654px;
}
#sub #movie {
	width: 864px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 50px;
	padding-bottom: 50px;
}
#sub #movie li {
	float: left;
	height: 360px;
	width: 412px;
	margin-right: 10px;
	margin-left: 10px;
}
#sub #movie li p {
	font-size: 16px;
	line-height: 24px;
	color: #FFF;
	text-align: center;
	padding-top: 15px;
}
#sub #character {
	width: 944px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 50px;
}
#sub #character ul {
	height: 280px;
	padding-bottom: 95px;
}
#sub #character li {
	height: 280px;
	width: 215px;
	float: left;
	margin-right: 28px;
}
#sub #character li:nth-child(4n){
	margin-right:0;
}
#sub #character li a {
	height: 280px;
	width: 215px;
	display: block;
	transition:all 0.5s ease;
	box-sizing:border-box;
	padding-top:30px;
}
#sub #character li a:hover,
#sub #character li a.active {
	padding-top:0px;
}
#sub #character .characterOnce {
	height: 1041px;
	width: 936px;
	position: absolute;
	left: 0px;
	top: 0px;
}
#sub #character #characterOnce {
	height: 1041px;
	width: 936px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}
#sub #character .characterOnce h3 {
	position: absolute;
	left: 0px;
	top: 328px;
}
#sub #character .characterOnce p {
	font-size: 16px;
	line-height: 34px;
	position: absolute;
	left: 0px;
	top: 389px;
}
#sub #character #kousuke {
	background-image: url(../images/sub_chara01_img.png);
}
#sub #character #masahiro {
	background-image: url(../images/sub_chara02_img.png);
}
#sub #character #asaya {
	background-image: url(../images/sub_chara03_img.png);
}
#sub #character #kensuke {
	background-image: url(../images/sub_chara04_img.png);
}
#sub #special {
	width: 944px;
	padding-bottom: 50px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 30px;
}
#sub #special #spList li {
	height: 235px;
	width: 215px;
	margin-right: 28px;
	margin-bottom: 28px;
	float: left;
}
#sub #special #spList li:nth-child(4n){
	margin-right:0px;
}


#sub #special #linkBox04{
	display:-webkit-box;
	display:-ms-flexbox;
	display: -webkit-flex;
    display: flex;
	 -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align:center;
	-ms-flex-align:center;
	-webkit-align-items:center;
    align-items: center;
    height: 94px;
	padding-top: 20px;
	margin-bottom: 40px;
	text-indent: -9999px;
}

#sub #special #linkBox04{
	padding-bottom: 30px;
}
#sub #special #linkBox04 li {
	margin-right: 16px;
	width: 411px;
	float:left;
}

#sub #special #linkBox04 li.play {
	margin-right: 16px;
	width: 411px;
	float:left;
	padding-top: 60px;
	padding-bottom: 60px;
	padding-left: 0;
}


#sub #special #linkBox04 li:last-child{
	margin-right: 0;
}

#sub #special #linkBox04 li a:hover,
#sub #special #linkBox04 li.active a{
	background-position: 0 -94px !important;
}

#sub #special #linkBox04 li.play a{
	background: url(../images/bnr_gameplay.png) no-repeat;
}


#sub #special #linkBox04 li a {
	display:block;
	width:411px;
	height:94px;
}




#sub #special #linkBox03{
	padding-bottom: 30px;
}
#sub #special #linkBox03 li {
	margin-right: 16px;
	width: 224px;
	float:left;
}

#sub #special #linkBox03 li.back {
	margin-right: 16px;
	width: 224px;
	float:left;
	padding-top: 20px;
	padding-bottom: 60px;
	padding-left: 360px;
}


#sub #special #linkBox03 li:last-child{
	margin-right: 0;
}

#sub #special #linkBox03 li a:hover,
#sub #special #linkBox03 li.active a{
	background-position: 0 -51px !important;
}
#sub #special #linkBox03 li.sp1Btn a{
	background: url(../images/btn_sp1.png) no-repeat;
}
#sub #special #linkBox03 li.sp2Btn a{
	background: url(../images/btn_sp2.png) no-repeat;
}
#sub #special #linkBox03 li.sp3Btn a{
	background: url(../images/btn_sp3.png) no-repeat;
}
#sub #special #linkBox03 li.sp4Btn a{
	background: url(../images/btn_sp4.png) no-repeat;
}

#sub #special #linkBox03 li.ed1Btn a{
	background: url(../images/btn_ed1.png) no-repeat;
}
#sub #special #linkBox03 li.ed2Btn a{
	background: url(../images/btn_ed2.png) no-repeat;
}
#sub #special #linkBox03 li.ed3Btn a{
	background: url(../images/btn_ed3.png) no-repeat;
}
#sub #special #linkBox03 li.ed4Btn a{
	background: url(../images/btn_ed4.png) no-repeat;
}


#sub #special #linkBox03 li.back a{
	background: url(../images/btn_back.png) no-repeat;
}


#sub #special #linkBox03 li a {
	display:block;
	width:224px;
	height:51px;
}


#sub #special .musicTheme{
	margin-top: 78px;
}

#sub #special #big4 {
	background-image: url(../images/sub_special_big4.png);
	height: 38px;
	width: 662px;
	margin-right: auto;
	margin-bottom: 70px;
	margin-left: auto;
}

#sub #special #edc {
	background-image: url(../images/edcomment.png);
	height: 72px;
	width: 944px;
	margin-right: auto;
	margin-bottom: 70px;
	margin-left: auto;
}

#sub #special #opc {
	background-image: url(../images/op_comment.png);
	height: 93px;
	width: 814px;
	margin-right: auto;
	margin-bottom: 70px;
	margin-left: auto;
}

#sub #special #illust {
	background-image: url(../images/sub_special_illust.png);
	height: 38px;
	width: 386px;
	margin-right: auto;
	margin-bottom: 70px;
	margin-left: auto;
}


#sub #special .spBox p {
	padding-bottom: 20px;
	font-size:16px;
	line-height:40px;
	margin-top:50px;
}

#sub #special .comBox {
	padding-bottom: 30px;
	padding-top: 30px;
}


#sub #special .comBox p {
	padding-bottom: 30px;
	font-size:16px;
	line-height:40px;
	margin-top:20px;
}

#sub #special .comBox p.title {
	padding-bottom: 20px;
	padding-left: 80px;
	font-size:16px;
	line-height:40px;
	margin-top:20px;
	border-bottom: 1px dotted #fff;
	padding-bottom: 20px;
	background: url(../images/icon_question.png) 0px 12px no-repeat;
}

#sub #special .comBox p.answer {
	padding-bottom: 20px;
	padding-left: 80px;
	font-size:16px;
	line-height:40px;
	margin-top:20px;
	padding-top: 7px;
	padding-bottom: 70px;
	background: url(../images/icon_answer.png) 0px 0px no-repeat;
}

#sub #special .comBox h4 {
	margin: 0 auto;
	text-align: center;
	padding-top: 40px;
	padding-bottom: 20px;
}

#sub #special #spList a {
	height: 235px;
	width: 215px;
	padding-top: 20px;
	box-sizing:border-box;
	transition:all 0.5s ease;
	display:block;
}
#sub #special #spList a.illusoon:hover {
	padding-top: 20px;
	cursor:default;
}
#sub #special #spList a:hover {
	padding-top:0px;
}
#index #world {
	border: 0;
	overflow: hidden;
	position: fixed;
	left: 0;
	top: 0;
	pointer-events: none;
}
#loadingNotice {
	height: 155px;
	width: 140px;
	position: absolute;
	background-image: url(../images/loading_notice.png);
	background-position: center bottom;
	background-repeat:no-repeat;
}
#loadingNoticeWindow {
	overflow: hidden;
	position: absolute;
	height: 84px;
	width: 140px;
	left: 0px;
	top: 0px;
	right: 0px;
}
#loadingNoticeWindowin {
	background-image: url(../images/loading_window.png);
	height: 136px;
	width: 227px;
	position: absolute;
	left: -88px;
	top: -53px;
}
#loadingNotice.active #loadingNoticeWindowin {
	animation:loadingWindow 1.5s ease;
	left: 0px;
	top: 0px;
}
#loadingNoticePointer {
	position: absolute;
	height: 37px;
	width: 29px;
	left: 10px;
	top: 10px;
	opacity:0;
}
#loadingNoticePointer.c1 {
	background-image: url(../images/pointer_c1.png);
}
#loadingNoticePointer.c2 {
	background-image: url(../images/pointer_c2.png);
}
#loadingNoticePointer.c3 {
	background-image: url(../images/pointer_c3.png);
}
#loadingNoticePointer.c4 {
	background-image: url(../images/pointer_c4.png);
}
#loadingNoticePointer.c5 {
	background-image: url(../images/pointer_c5.png);
}
#loadingNoticePointer.c6 {
	background-image: url(../images/pointer_c6.png);
}
#loadingNotice.active #loadingNoticePointer {
	left:98px;
	top:63px;
	animation:loadingPointer 1.5s ease;
	opacity:1;
}
.s3 {
	animation:rotate3s 3.2s infinite;
}
.s4 {
	animation:rotate4s 4.3s infinite;
}
.s5 {
	animation:rotate5s 5.4s infinite;
}
.s6 {
	animation:rotate6s 6.8s infinite;
}
#index .visualBox {
	position: absolute;
	left: 50%;
	top: 50%;
}
#v1 .visualBox {
	background-image: url(../images/visual_01.jpg);
	height: 530px;
	width: 387px;
	margin-top: -265px;
	margin-left: -193px;
}
#v2 .visualBox {
	background-image: url(../images/visual_02.png);
	height: 328px;
	width: 596px;
	margin-top: -164px;
	margin-left: -298px;
}
#v3 .visualBox {
	height: 540px;
	width: 960px;
	margin-top: -270px;
	margin-left: -480px;
}
#iframe {
	pointer-events:none;
	position:relative;
}
#spacer {
	position:relative;
	z-index:2;
}
#illustWrap {
	position: absolute;
	min-height: 620px;
	min-width: 1200px;
	left: 0px;
	top: 0px;
	width:100%;
	height:100%;
	background-position:center center;
	background-repeat:no-repeat;
}


#sub #linkBox04{
	display:-webkit-box;
	display:-ms-flexbox;
	display: -webkit-flex;
    display: flex;
	 -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align:center;
	-ms-flex-align:center;
	-webkit-align-items:center;
    align-items: center;
    height: 51px;
	padding-top: 20px;
	margin-bottom: 40px;
	text-indent: -9999px;
}
#sub #linkBox04{
	padding-bottom: 30px;
}

#sub #linkBox04 li.back {
	margin-right: 16px;
	width: 224px;
	float:left;
	padding-top: 20px;
	padding-bottom: 60px;
	
}


#sub #linkBox04 li:last-child{
	margin-right: 0;
}

#sub #linkBox04 li a:hover,
#sub #linkBox04 li.active a{
	background-position: 0 -51px !important;
}

#sub #linkBox04 li.back a{
	background: url(../images/btn_back.png) no-repeat;
}


#sub #linkBox04 li a {
	display:block;
	width:224px;
	height:51px;
}

#webGame {
	width: 450px;
	height: 600px;
	margin: 0 auto;
	padding: 10px 0 30px;
}

#webGame iframe {
	width: 450px;
	height: 600px;
	border: none;
}

/*----[[Onair]]----*/

#onair-tags {
	padding-top:30px;
    display:-webkit-box;
	display:-ms-flexbox;
	display: -webkit-flex;
    display: flex;
	 -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align:center;
	-ms-flex-align:center;
	-webkit-align-items:center;
    align-items: center;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
}
#onair-tags li{
    display: inline-block;
	margin-right: 7px;
	margin-bottom: 7px;
}
#onair-tags li:last-child{
	margin-right: 0;
}
#onair-tags a{
    display: inline-block;
	border: 1px dashed #fff;
    padding: 25px 50px 25px 50px;
    text-decoration: none;
    font-size: 14px;
    line-height: 1;
	transition: all  0.3s ease;
}
#onair-tags a.is-active, #onair-tags a:hover{
	color: #FFF;
	background-color: #EF7B75;
}
#onair-tags {
	text-align: left;
}

#onair h4 {
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	padding: 60px 0 0;
}


/*----[[GOODS]]----*/

#goods-tags {
	padding-top:30px;
    display:-webkit-box;
	display:-ms-flexbox;
	display: -webkit-flex;
    display: flex;
	 -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align:center;
	-ms-flex-align:center;
	-webkit-align-items:center;
    align-items: center;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
}
#goods-tags li{
    display: inline-block;
	margin-right: 7px;
	margin-bottom: 7px;
}
#goods-tags li:last-child{
	margin-right: 0;
}
#goods-tags a{
    display: inline-block;
	border: 1px dashed #fff;
    padding:10px 20px 10px;
    text-decoration: none;
    font-size: 14px;
    line-height: 1;
	transition: all  0.3s ease;
}
#goods-tags a.is-active, #goods-tags a:hover{
	color: #FFF;
	background-color: #EF7B75;
}

#goodsList {
		width: 910px;
padding-top: 70px;
	padding-bottom: 50px;
	margin: 0 auto;
}

#goodsList li {
	float: left;
	height:350px;
	width: 202px;
	margin-right: 34px;
	margin-bottom: 34px;
	position: relative;
}
#goodsList li:nth-child(4n) {
	margin-right:0px;
}
#goodsList li .goodsOnce {
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	border: dashed 1px #FFF;
}
#goodsList li a {
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	background-color: rgba(0,0,0,0.2);
	text-decoration: none;
	transition:all 0.3s ease;
}
#goodsList li a:hover {
	background-color:rgba(0,0,0,0.1);
}
.goodsThumb {
	width: 200px;
	height: 200px;
	border-bottom: dashed 1px #FFF;
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
	margin-right: auto;
	margin-left: auto;
	background-color:#FFF;
}
#goodsList dl {
	text-decoration: none;
    padding: 10px;
    height: 128px;
	position: relative;
}
#goodsList dt{
	font-size: 14px;
}
#goodsList dd{
	font-size: 12px;
	position: absolute;
	bottom:10px;
	right: 10px;
}
#goodsModal {
	background-color: #FFF;
	height: 500px;
	width: 830px;
	margin-right: auto;
	margin-left: auto;
	border: dashed 1px #EF7B75;
	box-sizing: border-box;
	padding: 30px;
	overflow: auto;
	position: relative;
}
.thumbnail span {
	cursor:pointer;
}
#goodsLeft {
	float: left;
	width: 330px;
}
#goodsRight {
	float: right;
	width: 380px;
	padding-bottom: 30px;
}
.goodsTitle {
	font-size: 24px;
    line-height: 35px;
    color: #EF7B75;
    padding-bottom: 20px;
    border-bottom-width: 1px;
    border-bottom-style: dashed;
    border-bottom-color: #EF7B75;
    margin-bottom: 20px;
}
.goodstext {
	color:#666;
	line-height:26px;
}
.goodstext a {
	color:#EF7B75;
}
#goods-tags {
	text-align: center;
}
#goodsRight h4 {
    margin-top: 40px;
    color: #fff;
    font-weight: bold;
    margin-bottom: 15px;
    font-size: 14px;
    background-color:#EF7B75;
    display: block;
    width: 150px;
     padding: 0 4px; 
    text-align: center;
}

.shopLink {
	float:left;
	margin-right:10px;
	margin-bottom: 10px;
    border-bottom-width: 1px;
    border-bottom-style: dashed;
    border-bottom-color: #EF7B75;
}
.shopLink:nth-child(3n){
	margin-right:0;
}
.shopLink img {
	transition: all  0.3s ease;
}
.shopLink img:hover {
	opacity: 0.7;
}
.item_image {
	width: 64px;
	float: left;
	margin-right: 1px;
	margin-bottom: 1px;
}
.item_image img {
	width:64px;
}
.item_image img:hover {
	opacity: 0.7;
}
.photo{
	margin-bottom: 10px;
}
.player {
	display:inline-block;
	margin-left:10px;
	vertical-align:sub;
	height:16px;
}
.player:hover {
	opacity:0.7;
}
.player input {
	outline:none;
	width:70px;
	height:16px;

}
#subInnerCont h2 {
	text-align: center;
	padding-bottom: 34px;
	position: relative;
	opacity:0;
	-webkit-filter:blur(15px);
	-moz-filter:blur(15px);
	filter:blur(15px);
	transition:all 1.5s;
}
#subInnerCont h2.active {
	opacity:1;
	-webkit-filter:blur(0px);
	-moz-filter:blur(0px);
	filter:blur(0px);
	animation: flash 1.5s linear infinite alternate;
}
#subInnerCont h2:after {
	content:'';
	background-color: #E60012;
	height: 1px;
	width: 14px;
	margin-left: -7px;
	position: absolute;
	left: 50%;
	bottom: 0px;
}
#subInnerCont #subInnerWrap {
	opacity: 0;
	-webkit-filter: blur(15px);
	-moz-filter: blur(15px);
	filter: blur(15px);
	transition: all 1.5s;
	transition-delay: 1s;
	width: 910px;
	margin-right: auto;
	margin-left: auto;
}
#subInnerCont #subInnerWrap.active {
	opacity:1;
	-webkit-filter:blur(0px);
	-moz-filter:blur(0px);
	filter:blur(0px);
	transition:all 1.5s;
	transition-delay:1s;
/*	animation: flash 1.5s linear infinite alternate;*/
}


#story #storyList {
	padding-top: 10px;
	position: relative;
	z-index:5001;
	width: 784px;
	margin: 0 auto;
}
#story h2 {
	text-align: center;
}
#story #storyList li {
	float: left;
	height: 290px;
	width: 368px;
	margin-right: 48px;
}
#story #storyList li a {
	text-decoration:none;
	transition:all 0.3s ease;
	display:block;
}
#story #storyList li a:hover {
	opacity:0.6;
}
#story #storyList li p.storyTitle {
	padding-top: 20px;
	height: 40px;
	text-align: center;
	color: #fff;
	font-size: 16px;
	text-decoration: none;
}
#story #storyList li p.storyThumb {
	width:368px;
	height:207px;
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
	background-color:#FFF;
}

#story #storyList li:nth-child(2n){
	margin-right:0px;
}
#story #subContWrap {
	position:relative;
	z-index:3001;
}
#articleOnce {
	padding-top: 0px;
}

#articleOnce h4 {
	text-align: center;
	font-size: 24px;
}

#articleInner p {
	line-height: 180%;
}
#storyDetail #articleInner img {
	float:left;
	width:230px;
	height:129px;
	margin:10px 5px 0px;
	line-height:129px;
}
#storyDetail #articleInner br {
	clear:both;
}

/*----[[DISCOGRAPHY]]--index----*/

.disc-tags {
	padding-top:30px;
    display:-webkit-box;
	display:-ms-flexbox;
	display: -webkit-flex;
    display: flex;
	 -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align:center;
	-ms-flex-align:center;
	-webkit-align-items:center;
    align-items: center;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
}
.disc-tags li{
    display: inline-block;
	margin-right: 7px;
	margin-bottom: 7px;
}
.disc-tags li:last-child{
	margin-right: 0;
}
.disc-tags a{
    display: inline-block;
	border: 1px dashed #fff;
    padding:10px 20px 10px;
    text-decoration: none;
    font-size: 14px;
    line-height: 1;
	transition: all  0.3s ease;
}
.disc-tags a.active, .disc-tags a:hover{
	color: #FFF;
	background-color: #EF7B75;
}
#boxList {
	width: 910px;
    padding-top: 70px;
	padding-bottom: 50px;
	margin: 0 auto;
}

#boxList li {
	float: left;
	height:350px;
	width: 202px;
	margin-right: 34px;
	margin-bottom: 34px;
	position: relative;
}
#boxList li:nth-child(4n) {
	margin-right:0px;
}
#boxList li .boxOnce {
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	border: dashed 1px #FFF;
}
#boxList li a {
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	background-color: rgba(0,0,0,0.2);
	text-decoration: none;
	transition:all 0.3s ease;
}
#boxList li a:hover {
	background-color:rgba(0,0,0,0.1);
}
#boxList li .boxOnce h3{
	padding: 10px;
}

/*----[[DISCOGRAPHY]]--detail----*/
#discography{
	font-size: 16px;
	line-height: 40px;
	width: 850px;
	margin: 0 auto;
}
#pkgtitle{
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	padding-bottom: 20px;
	border-bottom: 1px #fff dotted;
}
.packageLeft {
	float: left;
	width: 200px;
	padding-right: 40px;
	clear:both;
	padding-bottom:50px;
}
.packageText {
	float:left;
	width:510px;
}
.packageText p {
	font-size: 16px;
	line-height: 34px;
	color: #333;
	padding-bottom: 35px;
}
.packageLeft img {
	margin-bottom: 25px;
}
.packageRight {
	float: left;
	width: 610px;
	padding-bottom:50px;
}
.packageRight .kbn {
	font-weight: bold;
	color: #fff;
	font-size: 13px;
	padding-bottom: 5px;
}
.packageRight h4 {
	font-size: 20px;
	color: #fff;
	font-weight: bold;
	padding-bottom: 15px;
}
.packageRight p {
	font-size: 15px;
	line-height: 28px;
	padding-bottom: 28px;
}
.packageDetailRight{
	padding-top:50px;
}
.packageDetail {
}
.packageRight h5 {
	font-size: 17px;
	height: 30px;
}
.discindex {
	padding-left: 20px;
}
.packageLeft a {
	font-size: 16px;
	line-height: 40px;
	color: #FFF;
	background-color: #262626;
	text-align: center;
	height: 40px;
	display: block;
	text-decoration: none;
	margin-bottom: 20px;
	border-radius:5px;
}
.packageLeft a:hover {
	opacity:0.7;
}
.packageText p img {
	margin:30px 0px;
}
.packageInner {
	padding-top:50px;
	line-height:30px;
}
.packageInner2 {
	padding-bottom:100px;
	line-height:30px;
}
.packageInner2 img {
	border:solid 1px #BF913B;
}
.pkgimg {
	width:100%;
	height:auto;
}
/*----[[DISCOGRAPHY]]--shoplist----*/
body#shop{
	background-color: transparent;
}
#shopList {
	padding: 25px;
	background-color: #FFF;
	border: dashed 1px #EF7B75;
}
#shopList .shop img {
	margin: 5px;
	border: solid 1px #EF7B75;
}
#shopList h1 {
	font-size: 20px;
	color: #EF7B75;
	padding-bottom: 15px;
	font-weight: bold;
	width:auto;
	height:auto;
}
#shopList span{
	display: inline-block;
}

/*----[[DISCOGRAPHY]]--tokuten----*/
#tokutenWrap{
	padding-top: 70px;
	padding-bottom: 100px;
}
#tokutenWrap h3{
	font-size: 26px;
	font-weight: bold;
	text-align: center;
}
.tokutenList{
	margin-top: 50px;
}
.tokutenList dt{
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	padding-bottom: 20px;
	border-bottom: 1px #fff solid;
	margin-bottom: 30px;
	margin-top: 70px;
}
.tokutenList dd{
	border-bottom: 1px #fff dotted;
	padding-bottom: 50px;
	margin-top: 50px;
}
.tokutenList dd.end{
	border-bottom: none;
}
.tokutenList dt:first-child{
	margin-top: 0;
	padding-top: 0;
	border-top: none;
}
.tokutenList p{
	margin-bottom: 10px;
}
.tokutenList img{
	width: 100%;
}
.tokutenBox .tokutenInfo{
	font-size: 14px;
	margin-top: 30px;
}
