@charset "utf-8";
/* cube CSS Document */

/*top*/
.ml-tcube{
  margin-left: 50px !important;
  margin-top: 15px !important;
}
#ml-top{width:1px;height:1px;
	margin:0;
	position:relative;
	top:0px;
	left:15px;
	transform-style:preserve-3d;
}
/* 親要素3D */
#cube-top{
	transform-style:preserve-3d;
	perspective:200px;
	}

/* 面共通CSS */

.top-1{
	background-image:url("../img/logo/smartphone-concierge_logo.png");	background-size:100%;
	width:40px;height:40px;
	position:absolute;
	font-size: 25px;
	color: #e3007f;
	font-weight: bold;
	text-align: center;
	}
.top-2{
	background-image:url("../img/logo/smartphone-concierge_logomark_rev.png");
	background-size:100%;
	width:40px;height:40px;
	position:absolute;
	font-size: 25px;
	color: #e3007f;
	font-weight: bold;
	text-align: center;

}
.top-3{
	background-image:url("../img/logo/smartphone-concierge_logo.png");	background-size:100%;
	width:40px;height:40px;
	position:absolute;
	font-size: 25px;
	color: #e3007f;
	font-weight: bold;
	text-align: center;

}
.top-4{
	background-image:url("../img/logo/smartphone-concierge_logomark_rev.png");	background-size:100%;
	width:40px;height:40px;
	position:absolute;
	font-size: 25px;
	color: #e3007f;
	font-weight: bold;
	text-align: center;
}
.top-5{
	background-image:url("../img/logo/smartphone-concierge_logo.png");
	background-size:100%;
	width:40px;height:40px;
	position:absolute;
	font-size: 25px;
	color: #e3007f;
	font-weight: bold;
	text-align: center;
}
.top-6{
	background-image:url("../img/logo/smartphone-concierge_logo.png");
	background-size:100%;
	width:40px;height:40px;
	position:absolute;

	font-size: 25px;
	color: #e3007f;
	font-weight: bold;
	text-align: center;
}

/* 面個別CSS */
#top-a{
transform:rotateY(90deg) translateZ(0px) translateY(-20px);
}
#top-b{
transform:rotateY(90deg) translateZ(-40px) translateY(-20px);
}
#top-c{
transform:rotateX(90deg) translateZ(40px) translateX(-20px);
}
#top-d{
transform:rotateX(90deg) translateZ(0px) translateX(-20px);
}
#top-e{
transform:translateZ(20px) translateX(-20px) translateY(-20px);
}
#top-f{
transform:translateZ(-20px) translateX(-20px) translateY(-20px);
}

/* アニメーション */
#ml-top{
	-webkit-animation:top 10s linear 0s infinite normal;
	-o-animation:top 10s linear 0s infinite normal;
	-moz-animation:top 10s linear 0s infinite normal;
	animation:top 10s linear 0s infinite normal;
}

/* キーフレーム */
@-webkit-keyframes top{
	100%{transform:rotateX(360deg) rotateY(360deg);}
}
@-o-keyframes top{
	100%{transform:rotateX(360deg) rotateY(360deg);}
}
@-moz-keyframes top{
	100%{transform:rotateX(360deg) rotateY(360deg);}
}
@keyframes top{
	100%{transform:rotateX(360deg) rotateY(360deg);}
}

/*footer*/
.ml-bcube{
  margin-left: 75px !important;
}
#ml-footer{width:1px;height:1px;
	margin:0;
	position:relative;
	top:20px;
	left:30px;
	transform-style:preserve-3d;
}
/* 親要素3D */
#cube-footer{
	transform-style:preserve-3d;
	perspective:200px;
	}

/* 面共通CSS */

.footer-1{
	;
	background-size:100%;
	width:40px;height:40px;
	position:absolute;
	border:1px solid #e3007f;
	font-size: 25px;
	color: #e3007f;
	font-weight: bold;
	text-align: center;
	}
.footer-2{
	;
	background-size:100%;
	width:40px;height:40px;
	position:absolute;
	border:1px solid #e3007f;
	font-size: 25px;
	color: #e3007f;
	font-weight: bold;
	text-align: center;

}
.footer-3{
	;
	background-size:100%;
	width:40px;height:40px;
	position:absolute;
	border:1px solid #e3007f;
	font-size: 25px;
	color: #e3007f;
	font-weight: bold;
	text-align: center;

}
.footer-4{
	;
	background-size:100%;
	width:40px;height:40px;
	position:absolute;
	border:1px solid #e3007f;
	font-size: 25px;
	color: #e3007f;
	font-weight: bold;
	text-align: center;
}
.footer-5{
	;
	background-size:100%;
	width:40px;height:40px;
	position:absolute;
	border:1px solid #e3007f;
	font-size: 25px;
	color: #e3007f;
	font-weight: bold;
	text-align: center;
}
.footer-6{
	;
	background-size:100%;
	width:40px;height:40px;
	position:absolute;
	border:1px solid #e3007f;
	font-size: 25px;
	color: #e3007f;
	font-weight: bold;
	text-align: center;
}

/* 面個別CSS */
#footer-a{
transform:rotateY(90deg) translateZ(0px) translateY(-20px);
}
#footer-b{
transform:rotateY(90deg) translateZ(-40px) translateY(-20px);
}
#footer-c{
transform:rotateX(90deg) translateZ(40px) translateX(-20px);
}
#footer-d{
transform:rotateX(90deg) translateZ(0px) translateX(-20px);
}
#footer-e{
transform:translateZ(20px) translateX(-20px) translateY(-20px);
}
#footer-f{
transform:translateZ(-20px) translateX(-20px) translateY(-20px);
}

/* アニメーション */
#ml-footer{
	-webkit-animation:footer 10s linear 0s infinite normal;
	-o-animation:footer 10s linear 0s infinite normal;
	-moz-animation:footer 10s linear 0s infinite normal;
	animation:footer 10s linear 0s infinite normal;
}

/* キーフレーム */
@-webkit-keyframes footer{
	100%{transform:rotateX(360deg) rotateY(360deg);}
}
@-o-keyframes footer{
	100%{transform:rotateX(360deg) rotateY(360deg);}
}
@-moz-keyframes footer{
	100%{transform:rotateX(360deg) rotateY(360deg);}
}
@keyframes footer{
	100%{transform:rotateX(360deg) rotateY(360deg);}
}