@charset "utf-8";

/* トップアニメ */
img#catch_img
{
	position: absolute;
	top: 410px;
	left: 25px;

	-o-animation-name: top_catch_anim1;
	-o-animation-duration: 4s;
	-o-animation-timing-function: ease;
	-o-animation-iteration-count: 1;

	-ms-animation-name: top_catch_anim1;
	-ms-animation-duration: 4s;
	-ms-animation-timing-function: ease;
	-ms-animation-iteration-count: 1;

	-webkit-animation-name: top_catch_anim1;
	-webkit-animation-duration: 4.0s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-iteration-count: 1;

	-moz-animation-name: top_catch_anim1;
	-moz-animation-duration: 4s;
	-moz-animation-timing-function: ease;
	-moz-animation-iteration-count: 1;
	
}
@-o-keyframes top_catch_anim1 {
	0% {-o-transform: scale(0.8);opacity: 0;}
	70% {-o-transform: scale(0.8);opacity: 0;}
	85% {-o-transform: scale(1.1);opacity: 1;}
	100% {-o-transform: scale(1.0);opacity: 1;}
}
@-ms-keyframes top_catch_anim1 {
	0% {-ms-transform: scale(0.8);opacity: 0;}
	70% {-ms-transform: scale(0.8);opacity: 0;}
	85% {-ms-transform: scale(1.1);opacity: 1;}
	100% {-ms-transform: scale(1.0);opacity: 1;}
}
@-webkit-keyframes top_catch_anim1 {
	0% {-webkit-transform: scale(0.8);opacity: 0;}
	70% {-webkit-transform: scale(0.8);opacity: 0;}
	85% {-webkit-transform: scale(1.1);opacity: 1;}
	100% {-webkit-transform: scale(1.0);opacity: 1;}
}
@-moz-keyframes top_catch_anim1 {
	0% {-moz-transform: scale(0.8);opacity: 0;}
	70% {-moz-transform: scale(0.8);opacity: 0;}
	85% {-moz-transform: scale(1.1);opacity: 1;}
	100% {-moz-transform: scale(1.0);opacity: 1;}
}

/* マスターアップ */
img#masterup_img
{
	position: absolute;
	top: 250px;
/*	left: 200px;*/
	left: 290px;

	-o-animation-name: top_master_anim1;
	-o-animation-duration: 4s;
	-o-animation-timing-function: ease;
	-o-animation-iteration-count: 1;
	-o-animation-fill-mode: forwards;

	-ms-animation-name: top_master_anim1;
	-ms-animation-duration: 4s;
	-ms-animation-timing-function: ease;
	-ms-animation-iteration-count: 1;
	-ms-animation-fill-mode: forwards;

	-webkit-animation-name: top_master_anim1;
	-webkit-animation-duration: 4.0s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-fill-mode: forwards;

	-moz-animation-name: top_master_anim1;
	-moz-animation-duration: 4.0s;
	-moz-animation-timing-function: ease;
	-moz-animation-iteration-count: 1;
	-moz-animation-fill-mode: forwards;
	
}
@-o-keyframes top_master_anim1 {
	0% {-o-transform: scale(1.2);opacity: 0;}
	30% {-o-transform: scale(1.0);opacity: 1;}
	50% {-o-transform: translate(0px,0px) rotateX(0deg);}
	70% {-o-transform: translate(0px,160px) rotateX(360deg);}
	100% {-o-transform: translate(0px,160px) rotateX(360deg);}
}
@-ms-keyframes top_master_anim1 {
	50% {-ms-transform: translate(0px,0px) rotateX(0deg);}
	70% {-ms-transform: translate(0px,160px) rotateX(360deg);}
	100% {-ms-transform: translate(0px,160px) rotateX(360deg);}
}
@-webkit-keyframes top_master_anim1 {
	0% {-webkit-transform: scale(1.2);opacity: 0;}
	30% {-webkit-transform: scale(1.0);opacity: 1;}
	50% {-webkit-transform: translate(0px,0px) rotateX(0deg);}
	70% {-webkit-transform: translate(0px,160px) rotateX(360deg);}
	100% {-webkit-transform: translate(0px,160px) rotateX(360deg);}
}
@-moz-keyframes top_master_anim1 {
	0% {-moz-transform: scale(1.2);opacity: 0;}
	30% {-moz-transform: scale(1.0);opacity: 1;}
	50% {-moz-transform: translate(0px,0px) rotateX(0deg);}
	70% {-moz-transform: translate(0px,160px) rotateX(360deg);}
	100% {-moz-transform: translate(0px,160px) rotateX(360deg);}
}

/* チェックマーク */
div#check_box
{
	position: absolute;
	top: 0px;
	left: 0px;
}

img.check_sousou,
img.check_sonsaku,
img.check_kanu
{
	position: absolute;
	z-index: 20;
}
img.check_sousou{left: 515px;top: 40px;}
img.check_sonsaku{left: 110px;top: 40px;}
img.check_kanu{left: 927px;top: 20px;}

img.check_sousou,
img.check_sonsaku,
img.check_kanu
{
	-o-animation-name: top_char_check,check_ani_updown;
	-o-animation-timing-function: ease,ease;
	-o-animation-iteration-count: 1,infinite;

	-ms-animation-name: top_char_check,check_ani_updown;
	-ms-animation-timing-function: ease,ease;
	-ms-animation-iteration-count: 1,infinite;

	-webkit-animation-name: top_char_check,check_ani_updown;
	-webkit-animation-timing-function: ease,ease;
	-webkit-animation-iteration-count: 1,infinite;

	-moz-animation-name: top_char_check,check_ani_updown;
	-moz-animation-timing-function: ease,ease;
	-moz-animation-iteration-count: 1,infinite;

}

img.check_sonsaku
{
	-o-animation-duration: 4s,1s;
	-o-animation-delay: 0s,4s;

	-ms-animation-duration: 4s,1s;
	-ms-animation-delay: 0s,4s;

	-webkit-animation-duration: 4s,1s;
	-webkit-animation-delay: 0s,4s;

	-moz-animation-duration: 4s,1s;
	-moz-animation-delay: 0s,4s;
}
img.check_sousou
{
	-o-animation-duration: 4.1s,1s;
	-o-animation-delay: 0s,4.1s;

	-ms-animation-duration: 4.1s,1s;
	-ms-animation-delay: 0s,4.1s;

	-webkit-animation-duration: 4.1s,1s;
	-webkit-animation-delay: 0s,4.1s;

	-moz-animation-duration: 4.1s,1s;
	-moz-animation-delay: 0s,4.1s;

}
img.check_kanu
{
	-o-animation-duration: 4.2s,1s;
	-o-animation-delay: 0s,4.2s;

	-ms-animation-duration: 4.2s,1s;
	-ms-animation-delay: 0s,4.2s;

	-webkit-animation-duration: 4.2s,1s;
	-webkit-animation-delay: 0s,4.2s;

	-moz-animation-duration: 4.2s,1s;
	-moz-animation-delay: 0s,4.2s;

}


@-o-keyframes top_char_check {
	0% {-o-transform: translate(0px,-20px);opacity: 0;}
	90% {-o-transform: translate(0px,-20px);opacity: 0;}
	100% {-o-transform: translate(0px,0px);opacity: 1;}
}
@-ms-keyframes top_char_check {
	0% {-ms-transform: translate(0px,-20px);opacity: 0;}
	90% {-ms-transform: translate(0px,-20px);opacity: 0;}
	100% {-ms-transform: translate(0px,0px);opacity: 1;}
}
@-webkit-keyframes top_char_check {
	0% {-webkit-transform: translate(0px,-20px);opacity: 0;}
	90% {-webkit-transform: translate(0px,-20px);opacity: 0;}
	100% {-webkit-transform: translate(0px,0px);opacity: 1;}
}
@-moz-keyframes top_char_check {
	0% {-moz-transform: translate(0px,-20px);opacity: 0;}
	90% {-moz-transform: translate(0px,-20px);opacity: 0;}
	100% {-moz-transform: translate(0px,0px);opacity: 1;}
}

@-o-keyframes check_ani_updown {
	0% {-o-transform: translate(0px,0px);}
	50% {-o-transform: translate(0px,-5px);}
	100% {-o-transform: translate(0px,0px);}
}
@-ms-keyframes check_ani_updown {
	0% {-ms-transform: translate(0px,0px);}
	50% {-ms-transform: translate(0px,-5px);}
	100% {-ms-transform: translate(0px,0px);}
}
@-webkit-keyframes check_ani_updown {
	0% {-webkit-transform: translate(0px,0px);}
	50% {-webkit-transform: translate(0px,-5px);}
	100% {-webkit-transform: translate(0px,0px);}
}
@-moz-keyframes check_ani_updown {
	0% {-moz-transform: translate(0px,0px);}
	50% {-moz-transform: translate(0px,-5px);}
	100% {-moz-transform: translate(0px,0px);}
}






/* 発売情報画像アニメ */
img.bt_anim1
{
	z-index: 2;
}
img.bt_anim1
{
	-o-animation-name: bt_anim1;
	-o-animation-duration: 1s;
	-o-animation-timing-function: ease;
	-o-animation-iteration-count: infinite;

	-ms-animation-name: bt_anim1;
	-ms-animation-duration: 1s;
	-ms-animation-timing-function: ease;
	-ms-animation-iteration-count: infinite;

	-webkit-animation-name: bt_anim1;
	-webkit-animation-duration: 1s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-iteration-count: infinite;

	-moz-animation-name: bt_anim1;
	-moz-animation-duration: 1s;
	-moz-animation-timing-function: ease;
	-moz-animation-iteration-count: infinite;

}
@-o-keyframes bt_anim1 {
	0% {-o-transform: scale( 1.0 );}
	50% {-o-transform: scale( 0.95 );}
	100% {-o-transform: scale( 1.0 );}
}
@-ms-keyframes bt_anim1 {
	0% {-ms-transform: scale( 1.0 );}
	50% {-ms-transform: scale( 0.95 );}
	100% {-ms-transform: scale( 1.0 );}
}
@-webkit-keyframes bt_anim1 {
	0% {-webkit-transform: scale( 1.0 );}
	50% {-webkit-transform: scale( 0.95 );}
	100% {-webkit-transform: scale( 1.0 );}
}
@-moz-keyframes bt_anim1 {
	0% {-moz-transform: scale( 1.0 );}
	50% {-moz-transform: scale( 0.95 );}
	100% {-moz-transform: scale( 1.0 );}
}


/* マスターアップ */
img#masterup
{
	position: absolute;
	top: 270px;
	left: 0;
	right: 0;
	margin: auto;
}
img#masterup2
{
	position: absolute;
	top: 270px;
	left: 0;
	right: 0;
	margin: auto;
}

/* マスターアップアニメ１ */
img.masterup_anim1
{
	z-index: 2;
}
img.masterup_anim1
{
	-o-animation-name: masterup_anim1;
	-o-animation-duration: 3s;
	-o-animation-timing-function: ease;
	-o-animation-iteration-count: 1;

	-ms-animation-name: masterup_anim1;
	-ms-animation-duration: 3s;
	-ms-animation-timing-function: ease;
	-ms-animation-iteration-count: 1;

	-webkit-animation-name: masterup_anim1;
	-webkit-animation-duration: 3s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-iteration-count: 1;

	-moz-animation-name: masterup_anim1;
	-moz-animation-duration: 3s;
	-moz-animation-timing-function: ease;
	-moz-animation-iteration-count: 1;

}
@-o-keyframes masterup_anim1 {
	0% {-o-transform: scale( 0.0 )rotate(0deg);opacity: 0;}
	50% {-o-transform: scale( 1.1 )rotate(0deg);opacity: 1;}
	60% {-o-transform: scale( 1.1 )rotate(0deg);}
	80% {-o-transform: scale( 1.0 )rotate(360deg);}
	100% {-o-transform: scale( 1.0 )rotate(360deg);}
}
@-ms-keyframes masterup_anim1 {
	0% {-ms-transform: scale( 0.0 )rotate(0deg);opacity: 0;}
	50% {-ms-transform: scale( 1.1 )rotate(0deg);opacity: 1;}
	60% {-ms-transform: scale( 1.1 )rotate(0deg);}
	80% {-ms-transform: scale( 1.0 )rotate(360deg);}
	100% {-ms-transform: scale( 1.0 )rotate(360deg);}
}
@-webkit-keyframes masterup_anim1 {
	0% {-webkit-transform: scale( 0.0 )rotate(0deg);opacity: 0;}
	50% {-webkit-transform: scale( 1.1 )rotate(0deg);opacity: 1;}
	60% {-webkit-transform: scale( 1.1 )rotate(0deg);}
	80% {-webkit-transform: scale( 1.0 )rotate(360deg);}
	100% {-webkit-transform: scale( 1.0 )rotate(360deg);}
}
@-moz-keyframes masterup_anim1 {
	0% {-moz-transform: scale( 0.0 )rotate(0deg);opacity: 0;}
	50% {-moz-transform: scale( 1.1 )rotate(0deg);opacity: 1;}
	60% {-moz-transform: scale( 1.1 )rotate(0deg);}
	80% {-moz-transform: scale( 1.0 )rotate(360deg);}
	100% {-moz-transform: scale( 1.0 )rotate(360deg);}
}



/* マスターアップアニメ２ */
img.masterup_anim2
{
	z-index: 3;
}
img.masterup_anim2
{
	-o-animation-name: masterup_anim2;
	-o-animation-duration: 3s;
	-o-animation-timing-function: ease;
	-o-animation-iteration-count: 1;
	-o-animation-fill-mode: forwards;

	-ms-animation-name: masterup_anim2;
	-ms-animation-duration: 3s;
	-ms-animation-timing-function: ease;
	-ms-animation-iteration-count: 1;
	-ms-animation-fill-mode: forwards;

	-webkit-animation-name: masterup_anim2;
	-webkit-animation-duration: 3s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-fill-mode: forwards;

	-moz-animation-name: masterup_anim2;
	-moz-animation-duration: 3s;
	-moz-animation-timing-function: ease;
	-moz-animation-iteration-count: 1;
	-moz-animation-fill-mode: forwards;

}
@-o-keyframes masterup_anim2 {
	0% {-o-transform: scale( 1.0 );opacity: 0;}
	80% {-o-transform: scale( 1.0 );opacity: 0;}
	81% {-o-transform: scale( 1.0 );opacity: 1;}
	100% {-o-transform: scale( 1.4 );opacity: 0;}
}
@-ms-keyframes masterup_anim2 {
	0% {-ms-transform: scale( 1.0 );opacity: 0;}
	80% {-ms-transform: scale( 1.0 );opacity: 0;}
	81% {-ms-transform: scale( 1.0 );opacity: 1;}
	100% {-ms-transform: scale( 1.4 );opacity: 0;}
}
@-webkit-keyframes masterup_anim2 {
	0% {-webkit-transform: scale( 1.0 );opacity: 0;}
	80% {-webkit-transform: scale( 1.0 );opacity: 0;}
	81% {-webkit-transform: scale( 1.0 );opacity: 1;}
	100% {-webkit-transform: scale( 1.4 );opacity: 0;}
}
@-moz-keyframes masterup_anim2 {
	0% {-moz-transform: scale( 1.0 );opacity: 0;}
	80% {-moz-transform: scale( 1.0 );opacity: 0;}
	81% {-moz-transform: scale( 1.0 );opacity: 1;}
	100% {-moz-transform: scale( 1.4 );opacity: 0;}
}



/* カウントトーク　アニメ */
img.count_new1,img.count_new2
{
	position: absolute;
	top: 180px;
	left: 200px;
	z-index: 20;
}
img.count_new2
{
	-o-animation-name: count_new_anim;
	-o-animation-duration: 1s;
	-o-animation-timing-function: ease;
	-o-animation-iteration-count: infinite;

	-ms-animation-name: count_new_anim;
	-ms-animation-duration: 1s;
	-ms-animation-timing-function: ease;
	-ms-animation-iteration-count: infinite;

	-webkit-animation-name: count_new_anim;
	-webkit-animation-duration: 1s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-iteration-count: infinite;

	-moz-animation-name: count_new_anim;
	-moz-animation-duration: 1s;
	-moz-animation-timing-function: ease;
	-moz-animation-iteration-count: infinite;

}
@-o-keyframes count_new_anim {
	0% {-o-transform: scale( 1.0 );opacity: 1;}
	50% {-o-transform: scale( 2.0 );opacity: 0;}
	51% {-o-transform: scale( 1.0 );opacity: 0;}
	100% {-o-transform: scale( 1.0 );opacity: 0;}
}
@-ms-keyframes count_new_anim {
	0% {-ms-transform: scale( 1.0 );opacity: 1;}
	50% {-ms-transform: scale( 2.0 );opacity: 0;}
	51% {-ms-transform: scale( 1.0 );opacity: 0;}
	100% {-ms-transform: scale( 1.0 );opacity: 0;}
}
@-webkit-keyframes count_new_anim {
	0% {-webkit-transform: scale( 1.0 );opacity: 1;}
	50% {-webkit-transform: scale( 2.0 );opacity: 0;}
	51% {-webkit-transform: scale( 1.0 );opacity: 0;}
	100% {-webkit-transform: scale( 1.0 );opacity: 0;}
}
@-moz-keyframes count_new_anim {
	0% {-moz-transform: scale( 1.0 );opacity: 1;}
	50% {-moz-transform: scale( 2.0 );opacity: 0;}
	51% {-moz-transform: scale( 1.0 );opacity: 0;}
	100% {-moz-transform: scale( 1.0 );opacity: 0;}
}

/* 次回予告 */
div#yokoku_hide
{
	visibility: hidden;
	position: absolute;
	top: 0px;
	left: -1000px;
}