
/* original style ----------------------*/

body {
	line-height: 160%;
}

#wrapper {
	position:relative;
}

.sp-bl,
.ipad-bl {
	display:none;
}
.h_text {
	overflow:hidden;
	height:0;
    display: block;
}
a {  
	-webkit-transition: 0.3s ease-in-out;  
	-moz-transition: 0.3s ease-in-out;  
	-o-transition: 0.3s ease-in-out;  
	transition: 0.3s ease-in-out;  
}

.mAuto {
	margin-left: auto;
	margin-right: auto;
}

.clearfix:before,
.clearfix:after,
.cf:before,
.cf:after {
	content: "";
	display: table;
}
.clearfix:after,
.cf:after {
	clear: both;
}
.clearfix,
.cf {
	zoom: 1;
}

img {
	width:100%;
}

.onlyPC { display:none !important;}
.onlySP { display:block !important;}

/* font-size list ----------------------*/

.fs-10 {font-size: 72%}
.fs-11 {font-size: 79%}
.fs-12 {font-size: 86%}
.fs-13 {font-size: 93%}
.fs-14 {font-size: 100%}
.fs-15 {font-size: 108%}
.fs-16 {font-size: 115%}
.fs-17 {font-size: 122%}
.fs-18 {font-size: 129%}
.fs-19 {font-size: 136%}
.fs-20 {font-size: 143%}
.fs-21 {font-size: 150%}
.fs-22 {font-size: 158%}
.fs-23 {font-size: 165%}
.fs-24 {font-size: 172%}
.fs-26 {font-size: 186%}
.fs-28 {font-size: 200%}
.fs-30 {font-size: 214%}

/* google font ----------------------*/

.lato {
	font-family: 'Lato', sans-serif;
}
.lato700 {
	font-family: 'Lato', sans-serif;
	font-weight:700;
}
.lato700italic {
	font-family: 'Lato', sans-serif;
	font-weight:700;
	font-style:italic;
}

.cinzel {
	font-family: 'Cinzel', serif;
}
.cinzel700 {
	font-family: 'Cinzel', serif;
	font-weight:700;
}

/* header ----------------------*/
#header {
	display:none;
}
#headerSP {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:50px;
	background-color:#fff;
	box-sizing:border-box;
	z-index:2000;
}
#headerSP #h-logoBox {
	width:170px;
}
#headerSP .btnMenuSP {
	position:absolute;
	top:0;
	right:0;
	width:49px;
	height:49px;
	text-indent:-9999px;
	background:transparent url("../images/common/btn_menu.gif") 0 0 no-repeat;
	background-size:49px auto;
}
#headerSP .btnMenuSP.close {
	background:transparent url("../images/common/btn_menu_close.gif") 0 0 no-repeat;
	background-size:49px auto;
}
#headerSP .menuBoxSP {
	display:none;
}
#headerSP #full-menu {
	border-top:1px solid #e6e6e6;
	background-color:#fff;
}
#headerSP #full-menu li {
	border-bottom:1px solid #e6e6e6;
}
#headerSP #full-menu li:last-child {
	border-bottom:none;
}
#headerSP #full-menu li a {
	padding:15px;
	display:block;
	background-color:#fff;
	opacity:1 !important;
	box-sizing:border-box;
}
#headerSP #full-menu li a span {
	display:block;
	background:transparent url("../images/common/ico_arrow01.png") 100% 50% no-repeat;
	background-size:6px auto;
}
#headerSP #full-menu .subMenu {
	display:none;
	padding-left:15px;
	border-top:1px solid #e6e6e6;
}
#headerSP #full-menu .ac span {
	background:transparent url("../images/common/ico_plus01.gif") 100% 50% no-repeat;
	background-size:11px auto;
}
#headerSP #full-menu .ac.acop span {
	background:transparent url("../images/common/ico_minus01.gif") 100% 50% no-repeat;
	background-size:11px auto;
}
#headerSP #full-menu .ac .subMenu li a span {
	background:transparent url("../images/common/ico_arrow01.png") 100% 50% no-repeat;
	background-size:6px auto;
}
#headerSP .language { 
	background: #fff;
	padding: 10px;
	text-align: center;
	border-top: 1px solid #e6e6e6;
}
#headerSP .language li { 
	display: inline-block;
}
#headerSP .language a { 
	background: url(../images/common/ico_arrow01.png) no-repeat left center;
	background-size: 6px;
	padding-left: 10px;
}
#overlaySP {
	display:none;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:1000;
	background-color:rgba(0,0,0,0.8);
}




/* main -----------------------*/


/* footer ----------------------*/
#footer {
	position:relative;
	border-top:1px solid #000;
	z-index:5;
}
#footer #footerNav ul {
	background-color:#fff;
}
#footer #footerNav ul li {
	border-bottom:1px solid #e6e6e6;
}
#footer #footerNav ul li:last-child {
	border-bottom:none;
}
#footer #footerNav ul li a {
	padding:15px;
	display:block;
	background-color:#fff;
	opacity:1 !important;
}
#footer #footerNav ul li a span {
	display:block;
	background:transparent url("../images/common/ico_arrow01.png") 100% 50% no-repeat;
	background-size:6px auto;
}
#footer #footerNav ul .ac span {
	background:transparent url("../images/common/ico_plus01.gif") 100% 50% no-repeat;
	background-size:11px auto;
}
#footer #footerNav ul .ac.acop span {
	background:transparent url("../images/common/ico_minus01.gif") 100% 50% no-repeat;
	background-size:11px auto;
}
#footer #footerNav ul .subMenu {
	display:none;
	padding-left:15px;
	border-top:1px solid #e6e6e6;
}
#footer #footerNav ul .ac .subMenu li a span {
	background:transparent url("../images/common/ico_arrow01.png") 100% 50% no-repeat;
	background-size:6px auto;
}
#footer .gotop {
	position:absolute;
	top:-30px;
	right:15px;
}
#footer .gotop a {
	position:relative;
	display:inline-block;
	width:98px;
	height:30px;
	font-size:12px;
	line-height:12px;
	color:#fff;
	background-color:#000;
}
#footer .gotop a span {
	position:absolute;
	top:50%;
	left:50%;
	padding-left:22px;
	display:block;
	background:transparent url("../images/common/ico_up01.png") 0 50% no-repeat;
	background-size:12px auto;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
#footer #copyrights {
	padding:10px 0;
	font-size:10px;
	line-height:10px;
	color:#fff;
	text-align:center;
	background-color:#000;
}

/* products page nav ----------------------*/

#childNav {
	display:none;
}
.grandChildNav {
	display:none;
}


/*animation----------------------------*/
.scrollDown,
.primeTtl01,
.primeTtlBorder,
.anime-primeTtl,
.anime-conceptTxt1SP,
.anime-qualityTxt1SP,
.anime-qualityTxt2SP,
.moreDetailBtnSP,
.anime-historyTxt1SP,
.anime-historyTxt2SP,
.moreDetailBtnBlackSP,
.anime-list1SP,
.anime-list2SP,
.anime-list3SP,
.anime-list4SP,
.anime-list5SP,
.anime-list6SP,
.anime-officialTtlSP,
.anime-officialTxtSP,
.anime-reportSP,
.anime-infoSP,
.borderWhiteSP{
	opacity:0;
}

.animeTrans{
	-webkit-transition: .3s linear;
	-moz-transition: .3s linear;
	transition: .3s linear;
}
.primeTtl02{
	opacity:1;
	-webkit-animation-duration:.3s;
	-ms-animation-duration:.3s;
	animation-duration:.3s;
	-webkit-animation-name: fadeInUp2SP;
	animation-name: fadeInUp2SP;
}
.primeTtl02.primeUp{
	opacity:0;
	-webkit-animation-duration:.3s;
	-ms-animation-duration:.3s;
	animation-duration:.3s;
	-webkit-animation-name: fadeOutDown1SP;
	animation-name: fadeOutDown1SP;
}
.anime-conceptTtl1SP{
	opacity:0;
}
.anime-conceptTtl1SP.conceptDown{
	opacity:1;
	-webkit-animation-duration:.3s;
	-ms-animation-duration:.3s;
	animation-duration:.3s;
	-webkit-animation-name: fadeInDown3SP;
	animation-name: fadeInDown3SP;
}


.fadeOutSP {
	opacity:1;
	-webkit-animation-duration:1000s;
	-ms-animation-duration:1000s;
	animation-duration:1000s;
	-webkit-animation-name: fadeOutSP;
	animation-name: fadeOutSP;
}
.fadeInSP {
	opacity:0;
	-webkit-animation-duration:1000s;
	-ms-animation-duration:1000s;
	animation-duration:1000s;
	-webkit-animation-name: fadeInSP;
	animation-name: fadeInSP;
}

.fadeInFastSP {
	opacity:1 !important;
	-webkit-animation-duration:1s;
	-ms-animation-duration:1s;
	animation-duration:1s;
	-webkit-animation-name: fadeInFastSP;
	animation-name: fadeInFastSP;
}
.fadeInFastSP2 {
	opacity:1;
	-webkit-animation-duration:1.3s;
	-ms-animation-duration:1.3s;
	animation-duration:1.3s;
	-webkit-animation-name: fadeInFastSP2;
	animation-name: fadeInFastSP2;
}
.fadeIn1SP {
	opacity:1;
	-webkit-animation-duration:4s;
	-ms-animation-duration:4s;
	animation-duration:4s;
	-webkit-animation-name: fadeIn1SP;
	animation-name: fadeIn1SP;
}
.fadeIn2SP {
	opacity:1;
	-webkit-animation-duration:4s;
	-ms-animation-duration:4s;
	animation-duration:4s;
	-webkit-animation-name: fadeIn2SP;
	animation-name: fadeIn2SP;
}
.fadeIn3SP {
	opacity:1;
	-webkit-animation-duration:4s;
	-ms-animation-duration:4s;
	animation-duration:4s;
	-webkit-animation-name: fadeIn3SP;
	animation-name: fadeIn3SP;
}
.fadeIn4SP {
	opacity:1;
	-webkit-animation-duration:4s;
	-ms-animation-duration:4s;
	animation-duration:4s;
	-webkit-animation-name: fadeIn4SP;
	animation-name: fadeIn4SP;
}


.fadeInUp1SP {
	opacity:1;
	-webkit-animation-duration:.5s;
	-ms-animation-duration:.5s;
	animation-duration:.5s;
	-webkit-animation-name: fadeInUp1SP;
	animation-name: fadeInUp1SP;
}
.fadeInUp3SP {
	opacity:1;
	-webkit-animation-duration:.5s;
	-ms-animation-duration:.5s;
	animation-duration:.5s;
	-webkit-animation-name: fadeInUp3SP;
	animation-name: fadeInUp3SP;
}

.fadeInDown1SP {
	opacity:1;
	-webkit-animation-duration:.5s;
	-ms-animation-duration:.5s;
	animation-duration:.5s;
	-webkit-animation-name: fadeInDown1SP;
	animation-name: fadeInDown1SP;
}
.fadeInDown2SP {
	opacity:1;
	-webkit-animation-duration:1.5s;
	-ms-animation-duration:1.5s;
	animation-duration:1.5s;
	-webkit-animation-name: fadeInDown2SP;
	animation-name: fadeInDown2SP;
}

.fadeInDownASP {
	opacity:1;
	-webkit-animation-duration:1s;
	-ms-animation-duration:1s;
	animation-duration:1s;
	-webkit-animation-name: fadeInDownASP;
	animation-name: fadeInDownASP;
}
.fadeInDownBSP {
	opacity:1;
	-webkit-animation-duration:1.2s;
	-ms-animation-duration:1.2s;
	animation-duration:1.2s;
	-webkit-animation-name: fadeInDownBSP;
	animation-name: fadeInDownBSP;
}
.fadeInDownCSP {
	opacity:1;
	-webkit-animation-duration:1.4s;
	-ms-animation-duration:1.4s;
	animation-duration:1.4s;
	-webkit-animation-name: fadeInDownCSP;
	animation-name: fadeInDownCSP;
}
.fadeInDownDSP {
	opacity:1;
	-webkit-animation-duration:1.6s;
	-ms-animation-duration:1.6s;
	animation-duration:1.6s;
	-webkit-animation-name: fadeInDownDSP;
	animation-name: fadeInDownDSP;
}
.fadeInDownESP {
	opacity:1;
	-webkit-animation-duration:1.8s;
	-ms-animation-duration:1.8s;
	animation-duration:1.8s;
	-webkit-animation-name: fadeInDownESP;
	animation-name: fadeInDownESP;
}
.fadeInDownFSP {
	opacity:1;
	-webkit-animation-duration:2s;
	-ms-animation-duration:2s;
	animation-duration:2s;
	-webkit-animation-name: fadeInDownFSP;
	animation-name: fadeInDownFSP;
}

.fadeInLeftFastSP {
	opacity:1;
	-webkit-animation-duration:1.5s;
	-ms-animation-duration:1.5s;
	animation-duration:1.5s;
	-webkit-animation-name: fadeInLeftFastSP;
	animation-name: fadeInLeftFastSP;
}
.fadeInLeft1SP {
	opacity:1;
	-webkit-animation-duration:.5s;
	-ms-animation-duration:.5s;
	animation-duration:.5s;
	-webkit-animation-name: fadeInLeft1SP;
	animation-name: fadeInLeft1SP;
}
.fadeInLeft2SP {
	opacity:1;
	-webkit-animation-duration:1.5s;
	-ms-animation-duration:1.5s;
	animation-duration:1.5s;
	-webkit-animation-name: fadeInLeft2SP;
	animation-name: fadeInLeft2SP;
}
.fadeInLeft3SP {
	opacity:1;
	-webkit-animation-duration:1.5s;
	-ms-animation-duration:1.5s;
	animation-duration:1.5s;
	-webkit-animation-name: fadeInLeft3SP;
	animation-name: fadeInLeft3SP;
}

.fadeInRight1SP {
	opacity:1 !important;
	-webkit-animation-duration:.5s;
	-ms-animation-duration:.5s;
	animation-duration:.5s;
	-webkit-animation-name: fadeInRight1SP;
	animation-name: fadeInRight1SP;
}
.fadeInRight2SP {
	opacity:1;
	-webkit-animation-duration:2s;
	-ms-animation-duration:2s;
	animation-duration:2s;
	-webkit-animation-name: fadeInRight2SP;
	animation-name: fadeInRight2SP;
}
.fadeInRight3SP {
	opacity:1;
	-webkit-animation-duration:2s;
	-ms-animation-duration:2s;
	animation-duration:2s;
	-webkit-animation-name: fadeInRight3SP;
	animation-name: fadeInRight3SP;
}
.fadeOutUpSP {
	-webkit-animation-duration:.5s;
	-ms-animation-duration:.5s;
	animation-duration:.5s;
	-webkit-animation-name: fadeOutUpSP;
	animation-name: fadeOutUpSP;
}

@-webkit-keyframes fadeOutSP {
  0% {
    opacity: 1;
  }
  0.1% {
	opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes fadeInSP {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 80px, 0);
    transform: translate3d(0, 0, 0);
  }
  0.1% {
	opacity: 0;
    -webkit-transform: translate3d(0, 80px, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeOutSP {
  0% {
	opacity: 1;
  }
  0.1% {
	opacity: 0;
  }
  100% {
	opacity: 0;
  }
}

@-webkit-keyframes fadeInFastSP {
  0% {
	opacity: 0;
  }
  1% {
	opacity: 0;
  }
  100% {
	opacity: 1;
  }
}
@keyframes fadeInFastSP {
  0% {
	opacity: 0;
  }
  1% {
	opacity: 0;
  }
  100% {
	opacity: 1;
  }
}
@-webkit-keyframes fadeInFastSP2 {
  0% {
	opacity: 0;
  }
  20% {
	opacity: 0;
  }
  100% {
	opacity: 1;
  }
}
@keyframes fadeInFastSP2 {
  0% {
	opacity: 0;
  }
  20% {
	opacity: 0;
  }
  100% {
	opacity: 1;
  }
}
@-webkit-keyframes fadeIn1SP {
  0% {
	opacity: 0;
  }
  10% {
	opacity: 0;
  }
  100% {
	opacity: 1;
  }
}
@keyframes fadeIn1SP {
  0% {
	opacity: 0;
  }
  10% {
	opacity: 0;
  }
  100% {
	opacity: 1;
  }
}
@-webkit-keyframes fadeIn2SP {
  0% {
	opacity: 0;
  }
  30% {
	opacity: 0;
  }
  100% {
	opacity: 1;
  }
}
@keyframes fadeIn2SP {
  0% {
	opacity: 0;
  }
  30% {
	opacity: 0;
  }
  100% {
	opacity: 1;
  }
}
@-webkit-keyframes fadeIn3SP {
  0% {
	opacity: 0;
  }
  50% {
	opacity: 0;
  }
  100% {
	opacity: 1;
  }
}
@keyframes fadeIn3SP {
  0% {
	opacity: 0;
  }
  50% {
	opacity: 0;
  }
  100% {
	opacity: 1;
  }
}
@-webkit-keyframes fadeIn4SP {
  0% {
	opacity: 0;
  }
  70% {
	opacity: 0;
  }
  100% {
	opacity: 1;
  }
}
@keyframes fadeIn4SP {
  0% {
	opacity: 0;
  }
  70% {
	opacity: 0;
  }
  100% {
	opacity: 1;
  }
}

@-webkit-keyframes fadeInUp1SP {
  0% {
	opacity: 0;
	-webkit-transform: translate3d(0, 80px, 0);
	transform: translate3d(0, 80px, 0);
  }
  100% {
	opacity: 1;
	-webkit-transform: none;
	transform: none; 
  }
}
@keyframes fadeInUp1SP {
  0% { 
	opacity: 0;
	-webkit-transform: translate3d(0, 80px, 0);
	transform: translate3d(0, 80px, 0); 
  }
  100% { 
	opacity: 1;
	-webkit-transform: none;
	transform: none; 
  }
}
@-webkit-keyframes fadeInUp2SP {
  0% {
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInUp2SP {
  0% {
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}


@-webkit-keyframes fadeInDown1SP {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }
 10% {
    opacity: 0;
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInDown1SP {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -60px, 0);
    transform: translate3d(0, -60px, 0);
  }
  10% {
    opacity: 0;
    -webkit-transform: translate3d(0, -60px, 0);
    transform: translate3d(0, -60px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@-webkit-keyframes fadeInDown2SP {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }
  30% {
    opacity: 0;
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInDown2SP {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }
  30% {
    opacity: 0;
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@-webkit-keyframes fadeInDown3SP {
  0% {
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInDown3SP {
  0% {
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@-webkit-keyframes fadeInDownASP {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -60px, 0);
    transform: translate3d(0, -60px, 0);
  }
  30% {
    opacity: 0;
    -webkit-transform: translate3d(0, -60px, 0);
    transform: translate3d(0, -60px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInDownASP {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -60px, 0);
    transform: translate3d(0, -60px, 0);
  }
  30% {
    opacity: 0;
    -webkit-transform: translate3d(0, -60px, 0);
    transform: translate3d(0, -60px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@-webkit-keyframes fadeInDownBSP {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -60px, 0);
    transform: translate3d(0, -60px, 0);
  }
  34% {
    opacity: 0;
    -webkit-transform: translate3d(0, -60px, 0);
    transform: translate3d(0, -60px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInDownBSP {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -60px, 0);
    transform: translate3d(0, -60px, 0);
  }
  34% {
    opacity: 0;
    -webkit-transform: translate3d(0, -60px, 0);
    transform: translate3d(0, -60px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@-webkit-keyframes fadeInDownCSP {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -60px, 0);
    transform: translate3d(0, -60px, 0);
  }
  38% {
    opacity: 0;
    -webkit-transform: translate3d(0, -60px, 0);
    transform: translate3d(0, -60px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInDownCSP {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -60px, 0);
    transform: translate3d(0, -60px, 0);
  }
  38% {
    opacity: 0;
    -webkit-transform: translate3d(0, -60px, 0);
    transform: translate3d(0, -60px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@-webkit-keyframes fadeInDownDSP {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -60px, 0);
    transform: translate3d(0, -60px, 0);
  }
  42% {
    opacity: 0;
    -webkit-transform: translate3d(0, -60px, 0);
    transform: translate3d(0, -60px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInDownDSP {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -60px, 0);
    transform: translate3d(0, -60px, 0);
  }
  42% {
    opacity: 0;
    -webkit-transform: translate3d(0, -60px, 0);
    transform: translate3d(0, -60px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@-webkit-keyframes fadeInDownESP {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -60px, 0);
    transform: translate3d(0, -60px, 0);
  }
  46% {
    opacity: 0;
    -webkit-transform: translate3d(0, -60px, 0);
    transform: translate3d(0, -60px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInDownESP {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -60px, 0);
    transform: translate3d(0, -60px, 0);
  }
  46% {
    opacity: 0;
    -webkit-transform: translate3d(0, -60px, 0);
    transform: translate3d(0, -60px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@-webkit-keyframes fadeInDownFSP {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -60px, 0);
    transform: translate3d(0, -60px, 0);
  }
  50% {
    opacity: 0;
    -webkit-transform: translate3d(0, -60px, 0);
    transform: translate3d(0, -60px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInDownFSP {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -60px, 0);
    transform: translate3d(0, -60px, 0);
  }
  50% {
    opacity: 0;
    -webkit-transform: translate3d(0, -60px, 0);
    transform: translate3d(0, -60px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@-webkit-keyframes fadeInLeftFastSP {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-80px, 0, 0);
    transform: translate3d(-80px, 0, 0);
  }
  20% {
    opacity: 0;
    -webkit-transform: translate3d(-80px, 0, 0);
    transform: translate3d(-80px, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInLeftFastSP {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-80px, 0, 0);
    transform: translate3d(-80px, 0, 0);
  }
  20% {
    opacity: 0;
    -webkit-transform: translate3d(-80px, 0, 0);
    transform: translate3d(-80px, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@-webkit-keyframes fadeInLeft1SP {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-150px, 0, 0);
    transform: translate3d(-150px, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInLeft1SP {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-150px, 0, 0);
    transform: translate3d(-150px, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@-webkit-keyframes fadeInLeft2SP {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-120px, 0, 0);
    transform: translate3d(-120px, 0, 0);
  }
  15% {
    opacity: 0;
    -webkit-transform: translate3d(-120px, 0, 0);
    transform: translate3d(-120px, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInLeft2SP {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-120px, 0, 0);
    transform: translate3d(-120px, 0, 0);
  }
  15% {
    opacity: 0;
    -webkit-transform: translate3d(-120px, 0, 0);
    transform: translate3d(-80px, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@-webkit-keyframes fadeInLeft3SP {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-120px, 0, 0);
    transform: translate3d(-80px, 0, 0);
  }
  30% {
    opacity: 0;
    -webkit-transform: translate3d(-120px, 0, 0);
    transform: translate3d(-80px, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInLeft3SP {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-120px, 0, 0);
    transform: translate3d(-80px, 0, 0);
  }
 30% {
    opacity: 0;
    -webkit-transform: translate3d(-120px, 0, 0);
    transform: translate3d(-80px, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@-webkit-keyframes fadeInRight1SP {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(150px, 0, 0);
    transform: translate3d(150px, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInRight1SP {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(150px, 0, 0);
    transform: translate3d(150px, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@-webkit-keyframes fadeInRight2SP {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(80px, 0, 0);
    transform: translate3d(80px, 0, 0);
  }
  40% {
    opacity: 0;
    -webkit-transform: translate3d(80px, 0, 0);
    transform: translate3d(80px, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInRight2SP {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(80px, 0, 0);
    transform: translate3d(80px, 0, 0);
  }
  40% {
    opacity: 0;
    -webkit-transform: translate3d(80px, 0, 0);
    transform: translate3d(80px, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@-webkit-keyframes fadeInRight3SP {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(80px, 0, 0);
    transform: translate3d(80px, 0, 0);
  }
  50% {
    opacity: 0;
    -webkit-transform: translate3d(80px, 0, 0);
    transform: translate3d(80px, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInRight3SP {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(80px, 0, 0);
    transform: translate3d(80px, 0, 0);
  }
  50% {
    opacity: 0;
    -webkit-transform: translate3d(80px, 0, 0);
    transform: translate3d(80px, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}


@-webkit-keyframes fadeOutDown1SP {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
 10% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
}
@keyframes fadeOutDown1SP {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
 10% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
}


@-webkit-keyframes fadeOutUpSP {
  0% { 
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0); 
  }
  30% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% { 
	opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
}
@keyframes fadeOutUpSP {
  0% { 
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0); 
  }
  30% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% { 
	opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
}

