/*
YUI 3.5.1 (build 22)
Copyright 2012 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
*/
html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}input,textarea,select{*font-size:100%}legend{color:#000}#yui3-css-stamp.cssreset{display:none}

/*--- clearfix ---*/
.clearfix:after{content:'';display:block;clear:both;height:0;}
.clearfix{/zoom:1;}

html,body {
    height: 100%;
}

img {
	border: 0;
	outline: none;
}

a:hover {
	outline: none;
}
 
body {
	font-family:"游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
	color: #fff;
	font-size: 14px;
	line-height: 1.8em;
	padding: 0;
	margin: 0;
    background: #000;
}
 
#is-pc-sp body > #container {
    height: auto;
}

#is-pc-sp {
	overflow-y: scroll; !important
	min-width: 960px;
}

@media screen and (max-width: 640px) {
	body {
		height: 650px;
	}
}

#is-wiiu-Browser {
	height: 1000px;
}

#is-n3ds-Browser {
	height: 1250px;
}

#textStarFoxZero {
	position: absolute;
	top: 43px;
	left: 25px;
	z-index: 13;
	opacity: 0;
}

#is-pc-sp #textStarFoxZero {
  	-webkit-animation: textStarFoxZero 1.5s cubic-bezier(1, 0, 0, 1) 4.2s;
          	animation: textStarFoxZero 1.5s cubic-bezier(1, 0, 0, 1) 4.2s;
	-webkit-animation-fill-mode: forwards;
			animation-fill-mode: forwards;
}

#is-wiiu-Browser #textStarFoxZero, #is-n3ds-Browser #textStarFoxZero {
	opacity: 1;
}

#textLine {
	position: absolute;
	top: 73px;
	left: -180px;
	z-index: 12;
}

#is-pc-sp #textLine {
	top: 73px;
	left: -180px;
	z-index: 12;
  	-webkit-animation: textLine .8s cubic-bezier(1, 0, 0, 1) 4.8s;
          	animation: textLine .8s cubic-bezier(1, 0, 0, 1) 4.8s;
	-webkit-animation-fill-mode: forwards;
			animation-fill-mode: forwards;	
}

#logoWiiU {
	position: absolute;
	top: 53px;
	right: 23px;
	z-index: 13;
	width: 110px;
	height: 37px;
}

@media screen and (max-width: 640px) {
	#textStarFoxZero {
		top: 58px;
		left: 13px;
	}
	#is-pc-sp #textLine {
		top: 88px;
		left: -600px;
	}
	#logoWiiU {
		top: 68px;
		right: 10px;
		width: 80px;
		height: 27px;
	}
}

#is-wiiu-Browser #textLine {
	top: 73px;
	left: -20px;
	z-index: 12;
}

#is-n3ds-Browser #textLine {
	top: 88px;
	left: -20px;
	z-index: 12;
}
 
.wrap {
	position: fixed;
    margin: 0 auto;
    width: 100%;
    height: 50%;
    min-height: 100%;
	overflow: hidden;
}

.arwing02warp {
	opacity: 0;
}

@media screen and (min-width: 960px) { 
	#is-pc-sp .arwing02warp {
		opacity: 1;
	}
	#is-wiiu-Browser .arwing02warp {
		display: none;
	}
}

#is-n3ds-Browser .wrap {
	display: none;
}
 
#logoWrap {
	position: fixed;
    margin: 0 auto;
    width: 546px;
    height: 320px;
	top: 50%;
	left: 50%;
	margin: -200px 0 0 -283px;
	z-index: 6;
	text-align: center;
}
 
#logoWrap img {
    width: 546px;
    height: 278px;
	opacity: 0;
  	-webkit-animation: introLogo 3.5s ease-in .2s;
          	animation: introLogo 3.5s ease-in .2s;
	-webkit-animation-fill-mode: forwards;
			animation-fill-mode: forwards;	
}
 
#logoWrap p {
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 20px;
	opacity: 0;
  	-webkit-animation: introDate 3s ease-in .7s;
          	animation: introDate 3s ease-in .7s;
	-webkit-animation-fill-mode: forwards;
			animation-fill-mode: forwards;	
}

@media screen and (max-width: 640px) { 
	#logoWrap {
		width: 320px;
		height: auto;
		margin: -80px 0 0 -160px;
	}
	#logoWrap img {
		width: 300px;
		height: auto;
	}
	#logoWrap p {
		font-size: 10px;
		letter-spacing: 12px;
		margin-top: -10px;
	}
}

#is-wiiu-Browser #logoWrap, #is-n3ds-Browser #logoWrap {
	display: none;
}

.wrap #bg {
	position: fixed;
	bottom: -370px;
	left: 50%;
}

#is-pc-sp .wrap #bg {
	width: 2000px;
	height: 1600px;
	margin-left: -1000px;
  	-webkit-animation: bgAnimate 4s cubic-bezier(0.165, 0.84, 0.44, 1);
          	animation: bgAnimate 4s cubic-bezier(0.165, 0.84, 0.44, 1);
	-webkit-animation-fill-mode: forwards;
			animation-fill-mode: forwards;
}

.wrap #arwing01 {
	width: 8px;
	height: 13px;
	position: fixed;
	bottom: 2000px;
	left: 50%;
	margin-left: -4px;
	z-index: 2;
  	-webkit-animation: arwing01 2.0s cubic-bezier(1, 0, 0, 1) 3.05s;
          	animation: arwing01 2.0s cubic-bezier(1, 0, 0, 1) 3.05s;
	-webkit-animation-fill-mode: forwards;
			animation-fill-mode: forwards;
}

@media screen and (max-width: 960px) { 
	.wrap #bg {
		width: 1500px;
		height: 1350px;
		margin-left: -750px;
		top: -80px;
	}
	.wrap #arwing01 {			
		width: 800px;
		height: 1300px;
		margin-left: -400px;
	}
	#is-wiiu-Browser .wrap #arwing01 {
		display: none;
	}
}

@media screen and (max-width: 640px) { 
	.wrap #bg {
		width: 1500px;
		height: 1350px;
		margin-left: -750px;
		top: -380px;
	}
}

.wrap .arwing02 {
	width: 1300px;
	height: 884px;
	position: absolute;
	top: -1000px;
	left: 50%;
	margin-left: -980px;
	z-index: 2;
	-webkit-animation: arwing02 1.5s cubic-bezier(1, 0, 0, 1) 4.9s;
			animation: arwing02 1.5s cubic-bezier(1, 0, 0, 1) 4.9s;
	-webkit-animation-fill-mode: forwards;
			animation-fill-mode: forwards;
}

#contentsWrap {
	position: absolute;
	left: 0;
	z-index: 11;
	width: 100%;
	height: auto;
	text-align: center;
}

#is-pc-sp #contentsWrap {
	top: -1900px;
	overflow: hidden;
  	-webkit-animation: contentsWrapAnimate 2.7s cubic-bezier(1, 0, 0, 1) 3.6s;
          	animation: contentsWrapAnimate 2.7s cubic-bezier(1, 0, 0, 1) 3.6s;
	-webkit-animation-fill-mode: forwards;
			animation-fill-mode: forwards;
}

#is-wiiu-Browser #contentsWrap, #is-n3ds-Browser #contentsWrap {
	top: 0;
	overflow: auto;
} 

#contentsWrap .stitle_movie01, #contentsWrap .stitle_movie02 {
	display: none;
}

#contentsWrap .ytWrap {
	position: relative;
	margin: 100px auto 0;
}

#contentsWrap .mov02 {
	display: none;
}

#is-pc-sp #contentsWrap .ytWrap {
	width: 806px;
	height: 495px;
	background: url(../img/bgMovie.png) no-repeat;
	background-size: 806px 532px;
	padding-top: 60px;
}

#is-wiiu-Browser #contentsWrap .ytWrap {
	width: 640px;
	height: 412px;
	background: url(../img/bgMovie_2x.png) no-repeat;
	background-size: 640px 412px;
	padding-top: 26px;
} 

#contentsWrap .ytWrap #noscriptImg {
	position: absolute;
	top: 37px;
	left: 3px;
	z-index: 100;
}

#is-wiiu-Browser #contentsWrap .ytWrap #noscriptImg {
	display: none;
}

#contentsWrap .ytWrap .thumbFadeOut {
  	-webkit-animation: thumbFadeOut 0.5s cubic-bezier(1, 0, 0, 1);
          	animation: thumbFadeOut 0.5s cubic-bezier(1, 0, 0, 1);
	-webkit-animation-fill-mode: forwards;
			animation-fill-mode: forwards;
}

#contentsWrap iframe {
	position: absolute;
	left: 3px;
	z-index: 98;
	top: 47px;
	width: 800px;
	height: 450px;
}

#contentsWrap #player02 {
	display: none;
}


@media screen and (max-width: 960px) {
	#is-pc-sp #contentsWrap {
		min-width: 641px;
	}
	#is-pc-sp #contentsWrap .ytWrap {
		background: url(../img/bgMovie_2x.png) no-repeat;
		background-size: 640px 412px;
		width: 640px;
		height: 412px;
		padding-top: 26px;
	}
	#is-pc-sp #contentsWrap .ytWrap #thumb {
		top: 26px;
		left: 3px;
		width: 634px;
		height: 356px;
	}
	#contentsWrap iframe {
		top: 26px;
		left: 3px;
		width: 634px;
		height: 356px;
	}
	#contentsWrap #player02 {
		display: none;
	}
}

@media screen and (max-width: 640px) {
	#is-pc-sp #contentsWrap {
		min-width: 320px;
		padding-top: 140px;
	}
	#is-pc-sp #contentsWrap .ytWrap {
		background: none;
		width: 95%;
		height: 0px;
		padding-top: 0;
		padding-bottom: 53%;
		overflow: hidden;
		margin: 0 auto;
	}
	#contentsWrap .mov02 {
		display: block;
	}
	#is-pc-sp #contentsWrap .ytWrap #thumb {
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	#is-pc-sp #contentsWrap iframe {
		top: 0;
		left: 0;
		width: 99%;
		height: 99%;
		border: 1px solid #002f3f;
	}
	#contentsWrap #player02 {
		display: block;
		top: 260px;
		left: 3px;
		width: 634px;
		height: 356px;
	}
	#contentsWrap .stitle_movie01 {
		display: block;
		margin: 0 auto 6px;
	}
	#contentsWrap .stitle_movie02 {
		display: block;
		margin: 30px auto 6px;
	}
}

/*-- 3DS --*/
#is-n3ds-Browser #contentsWrap {
	position: relative;
	width: 320px;
	padding-top: 80px;
	margin: 0 auto;
}

#is-n3ds-Browser #contentsWrap .ytWrap {
	background: none;
	width: 288px;
	height: 162px;
	padding: 0;
	padding-bottom: 0;
	overflow: hidden;
	margin: 0 auto;
}

#is-n3ds-Browser #contentsWrap .ytWrap #thumb {
	display: none;
}

#is-n3ds-Browser #contentsWrap iframe {
	top: 0;
	left: 0;
	width: 288px;
	height: 162px;
	border: 1px solid #002f3f;
}

#is-n3ds-Browser #contentsWrap #player02 {
	display: block;
}

#is-3ds-Browser #contentsWrap .ytWrap #noscriptImg {
	top: 0;
	left: 0;
	width: 288px;
	height: 162px;
	border: 1px solid #333;
}
/*-- 3DS --*/

#contentsWrap .textDate {
	background: url(../img/textDate.png) no-repeat;
	width: 960px;
	height: 73px;
	margin: 32px auto 0;
}

#contentsWrap .textDate img {
	display: none;
}

#contentsWrap .textInfo {
	background: url(../img/textInfo.png) no-repeat;
	width: 960px;
	height: 169px;
	margin: 32px auto 0;
}

#contentsWrap .textInfo span {
	display: none;
}

@media screen and (max-width: 960px) {
	#contentsWrap .textDate {
		background: none;
		margin: 0 auto;
		width: 640px;
		height: auto;
	}
	#contentsWrap .textDate img {
		display: block;
		width: 640px;
		height: 125px;
	}
	#contentsWrap .textInfo {
		background: url(../img/textInfo_2x.png) no-repeat;
		background-size: 640px 151px;
		width: 640px;
		height: 151px;
		margin: 18px auto 0;
	}
}

@media screen and (max-width: 640px) {
	#contentsWrap .textDate {
		background: none;
		margin: 12px auto 0;
		width: 100%;
		height: auto;
	}
	#contentsWrap .textDate img {
		display: block;
		width: 100%;
		height: auto;
	}
	#contentsWrap .textInfo {
		background: none;
		width: 92%;
		height: auto;
		text-align: left;
	}
	#contentsWrap .textInfo span {
		display: block;
	}
}

/*-- 3DS --*/
#is-n3ds-Browser #contentsWrap .textDate {
	background: none;
	margin: 12px auto 0;
	width: 320px;
	height: auto;
}
#is-n3ds-Browser #contentsWrap .textInfo {
	background: none;
	width: 300px;
	height: auto;
	text-align: left;
}
/*-- 3DS --*/

#listMovie {
	width: 620px;
	margin: 45px auto 0;
}

#listMovie span {
	display: none;
}

#listMovie img {
	width: 620px;
	height: 19px;
}

#listMovie .listTitle {
	background: url(../img/listTitle.png) no-repeat 50% 10px;
	background-size: 90px 28px;
	height: 50px;
}

#listMovie .list01 {
	background: url(../img/list01.png) no-repeat 45px 0;
	background-size: 530px 27px;
	height: 27px;
}

#listMovie .list02 {
	background: url(../img/list02.png) no-repeat 45px 0;
	background-size: 530px 27px;
	height: 27px;
	padding-bottom: 16px;
}

#listMovie .notes {
	background: url(../img/notes.png) no-repeat 50% 0;
	background-size: 605px 37px;
	height: 27px;
	padding-top: 16px;
}

@media screen and (max-width: 960px) {
	#listMovie {
		width: 580px;
		margin: 32px auto 0;
	}
	#listMovie img {
		width: 100%;
		height: auto;
	}	
	#listMovie .list01 {
		background: url(../img/list01.png) no-repeat 25px 0;
		background-size: 530px 27px;
	}
	
	#listMovie .list02 {
		background: url(../img/list02.png) no-repeat 25px 0;
		background-size: 530px 27px;
	}
}

@media screen and (max-width: 640px) {
	#listMovie {
		width: 92%;
	}
	#listMovie span {
		display: block;
	}
	#listMovie img {
		width: 100%;
		height: auto;
	}
	#listMovie .listTitle {
		background: none;
		height: auto;
		font-size: 110%;
		font-weight: bold;
		color: #ffbb02;
		padding: 12px 0 3px;
	}
	#listMovie .list01, #listMovie .list02 {
		background: none;
		height: auto;
		text-align: left;
		font-size: 90%;
		line-height: 1.6em;
		padding-left: 29px;
		background: url(../img/listIcon.png) no-repeat 0 14.5px;
		background-size: 22px 14px;
		padding-top: 10px;
	}
	#listMovie .notes {
		background: none;
		height: auto;
		font-size: 80%;
		line-height: 1.6em;
	}
}

/*-- 3DS --*/
#is-n3ds-Browser #listMovie {
	width: 300px;
}
#is-n3ds-Browser #listMovie span {
	display: block;
}
#is-n3ds-Browser #listMovie img {
	width: 100%;
	height: auto;
}
#is-n3ds-Browser #listMovie .listTitle {
	background: none;
	height: auto;
	font-size: 110%;
	font-weight: bold;
	color: #ffbb02;
	padding: 12px 0 3px;
}
#is-n3ds-Browser #listMovie .list01, #is-n3ds-Browser #listMovie .list02 {
	background: none;
	height: auto;
	text-align: left;
	font-size: 90%;
	line-height: 1.6em;
	padding-left: 29px;
	background: url(../img/listIcon.png) no-repeat 0 14.5px;
	background-size: 22px 14px;
	padding-top: 10px;
}
#is-n3ds-Browser #listMovie .notes {
	background: none;
	height: auto;
	font-size: 80%;
	line-height: 1.6em;
}
/*-- 3DS --*/

#contentsWrap .textLink {
	width: 337px;
	height: auto;
	margin: 45px auto 0;
}

#contentsWrap .currentLine { 
	width: 100%;
	height: 5px;
	border-bottom: 1px solid #00d2d0;
	display: block;
}

#contentsWrap #listMovieWrap {
	position: relative;
	margin: 21px auto 0;
	width: 446px;
	display: block;
}

#contentsWrap #listMovieWrap li a, #contentsWrap #listMovieWrap li p {
	background: url(../img/btnMovieThumb.png) no-repeat;
	background-size: 450px 432px;
	display: block;
	width: 212px;
	height: 212px;	
}

#contentsWrap #listMovieWrap #listMovieArrow {
	position: absolute;
	top: -33px;
	left: 2px;
	z-index: 11px;
}

#contentsWrap #listMovieWrap .cuArrow01 {
  	-webkit-animation: cuArrow01 1s cubic-bezier(1, 0, 0, 1);
     			 animation: cuArrow01 1s cubic-bezier(1, 0, 0, 1);
	-webkit-animation-fill-mode: forwards;
     			 animation-fill-mode: forwards;
}

#contentsWrap #listMovieWrap .cuArrow02 {
  	-webkit-animation: cuArrow02 1s cubic-bezier(1, 0, 0, 1);
     			 animation: cuArrow02 1s cubic-bezier(1, 0, 0, 1);
	-webkit-animation-fill-mode: forwards;
     			 animation-fill-mode: forwards;
}

#contentsWrap #listMovieWrap #btnMovie01 img, #contentsWrap #listMovieWrap #btnMovie02 img {
	display: none;
}

#contentsWrap #listMovieWrap #btnMovie01 a {
	background-position: left top;
	float: left;
}

#contentsWrap #listMovieWrap #btnMovie02 a {
	background-position: right top;
	float: right;
}

#contentsWrap #listMovieWrap #btnMovie01 p {
	background-position: left bottom;
	float: left;
}

#contentsWrap #listMovieWrap #btnMovie02 p {
	background-position: right top;
	float: right;
}

#contentsWrap #listMovieWrap #btnMovie01 a:hover, #contentsWrap #listMovieWrap #btnMovie01 p {
	background-position: left -235px;
}

#contentsWrap #listMovieWrap #btnMovie02 a:hover, #contentsWrap #listMovieWrap #btnMovie02 p {
	background-position: right -235px;
}

@media screen and (max-width: 640px) {
	#contentsWrap .textLink {
		width: 280px;
		margin: 30px auto 0;
	}
	#contentsWrap .currentLine { 
		display: none;
	}
	#contentsWrap #listMovieWrap {
		display: none;
	}	
}

/*-- 3DS --*/
#is-n3ds-Browser #contentsWrap .textLink {
	width: 280px;
	margin: 30px auto 0;
}
#is-n3ds-Browser #contentsWrap .currentLine { 
	display: none;
}
#is-n3ds-Browser #contentsWrap #listMovieWrap {
	display: none;
}	
/*-- 3DS --*/

#contentsWrap .btnOfficial {
	background: url(../img/btnOfficial.png) no-repeat left top;
	width: 744px;
	height: 162px;
	margin: 0px auto 50px;
	display: block;
}

#contentsWrap .btnOfficial:hover {
	background-position: left bottom;
}

#contentsWrap .btnOfficial img {
	display: none;
}

@media screen and (max-width: 960px) {
	#contentsWrap .btnOfficial {
		background: url(../img/btnOfficial_tablet.png) no-repeat left top;
		margin: 32px auto 100px;
		width: 640px;
		height: 142px;
		background-size: 640px 291px;
	}
}

@media screen and (max-width: 640px) {
	#contentsWrap .btnOfficial {
		background: none;
		width: 92%;
		margin: 24px auto 75px;
	}	
	#contentsWrap .btnOfficial img {
		display: block;
		width: 100%;
		height: auto;
	}
}

/*-- 3DS --*/
#is-n3ds-Browser #contentsWrap .btnOfficial {
	margin: 12px auto;
	width: 300px;
	height: auto;
	display: block;
}
/*-- 3DS --*/

@-webkit-keyframes textStarFoxZero {
  to {
	  opacity: 1;
  }
}
@keyframes textStarFoxZero {
  to {
	  opacity: 1;
  }
}

@-webkit-keyframes textLine {
  to {
	left: -20px;
  }
}
@keyframes textLine {
  to {
	left: -20px;
  }
}

@media screen and (max-width: 640px) { 
	@keyframes textLine {
	  to {
		left: -40px;
	  }
	}
}

@-webkit-keyframes introLogo {
  35% {
	  opacity: 1;
  }
  80% {
	  opacity: 1;
  }
  100% {
	  opacity: 0;
  }
}
@keyframes introLogo {
  35% {
	  opacity: 1;
  }
  80% {
	  opacity: 1;
  }
  100% {
	  opacity: 0;
  }
}

@-webkit-keyframes introDate {
  15% {
	  opacity: 1;
	  letter-spacing: 6px;
  }
  80% {
	  opacity: 1;
	  letter-spacing: 6px;
  }
  100% {
	  opacity: 0;
	  letter-spacing: 6px;
  }
}
@keyframes introDate {
  15% {
	  opacity: 1;
	  letter-spacing: 5px;
  }
  80% {
	  opacity: 1;
	  letter-spacing: 5px;
  }
  100% {
	  opacity: 0;
	  letter-spacing: 5px;
  }
}

@-webkit-keyframes bgAnimate {
  to {
    -webkit-transform: translateY(-120px);
  }
}
@keyframes bgAnimate {
  to {
    transform: translateY(-120px);
  }
}

@-webkit-keyframes arwing01 {
  20% {
	opacity: 1;
	width: 800px;
	height: 1300px;
	margin-left: -400px;
    -webkit-transform: translateY(1985px);
  }
  85% {
	opacity: 1;
	width: 800px;
	height: 1300px;
	margin-left: -400px;
    -webkit-transform: translateY(1985px);
  }
  100% {
	width: 800px;
	height: 1300px;
	margin-left: -400px;
	opacity: 0;
    -webkit-transform: translateY(3000px);
  }
}
@keyframes arwing01 {
  20% {
	opacity: 1;
	width: 800px;
	height: 1300px;
	margin-left: -400px;
    transform: translateY(1985px);
  }
  85% {
	opacity: 1;
	width: 800px;
	height: 1300px;
	margin-left: -400px;
    transform: translateY(1985px);
  }
  100% {
	width: 800px;
	height: 1300px;
	margin-left: -400px;
	opacity: 0;
    transform: translateY(3000px);
  }
}

@media screen and (max-width: 640px) { 
	@keyframes arwing01 {
	  20% {
		opacity: 1;
		width: 500px;
		height: 813px;
		margin-left: -250px;
		-webkit-transform: translateY(1985px);
	  }
	  85% {
		opacity: 1;
		width: 500px;
		height: 813px;
		margin-left: -250px;
		-webkit-transform: translateY(1985px);
	  }
	  100% {
		width: 500px;
		height: 813px;
		margin-left: -250px;
		opacity: 0;
		-webkit-transform: translateY(3000px);
	  }
	}
}

@-webkit-keyframes arwing02 {
  to {
	opacity: 1;
	-webkit-transform: translate(-300px, 1000px);
  }
}
@keyframes arwing02 {
  to {
	opacity: 1;
	transform: translate(-300px, 1000px);
  }
}

@-webkit-keyframes contentsWrapAnimate {
  to {
    -webkit-transform: translate3d(0,1900px,0);
  }
}
@keyframes contentsWrapAnimate {
  to {
    transform: translate3d(0,1900px,0);
  }
}

@-webkit-keyframes cuArrow01 {
  from {
    left: 238px;
  }
  to {
    left: 4px;
  }
}
@keyframes cuArrow01 {
  from {
    left: 238px;
  }
  to {
    left: 4px;
  }
}

@-webkit-keyframes cuArrow02 {
  from {
    left: 4px;
  }
  to {
    left: 238px;
  }
}
@keyframes cuArrow02 {
  from {
    left: 4px;
  }
  to {
    left: 238px;
  }
}

@-webkit-keyframes thumbFadeOut {
  99% {
	opacity: 0;
	z-index: 99;
  }
  100% {
	opacity: 0;
	z-index: 97;
  }
}
@keyframes thumbFadeOut {
  99% {
	opacity: 0;
	z-index: 99;
  }
  100% {
	opacity: 0;
	z-index: 97;
  }
}