/* appKohane02_top.css参照 */

/* 煽り文句（固定） */
div.DQsub2 {
position: absolute;
top: 100px;
right: 20px;
/*transform: rotate( -15deg );*/
}

/* キャラクター */
div.DQsub3 {
position: absolute;
top: 60px;
right: -135px;

height: 794px;
overflow: hidden;
}


/* AppStore */
div.DQsub4 {
position: absolute;
top: 600px;
left: 100px;
}

/* Google play */
div.DQsub5 {
position: absolute;
top: 680px;
left: 100px;
}

/* 煽り文 */
div.text1 {
position: absolute;
top: 350px;
left: 50px;
}

div.text2 {
position: absolute;
top: 430px;
left: 50px;
}


/* 帯 */
div.obi {
position: absolute;
top: 370px;
left: 0px;
}


/*キラキラ 不透明度*/
@keyframes slide1 {
	0% {opacity: 0.5;}
	25% {opacity: 1;}
	50% {opacity: 0.5;}
	75% {opacity: 0;}
	100% {opacity: 0;}
}
@keyframes slide2 {
	0% {opacity: 0;}
	25% {opacity: 0.5;}
	50% {opacity: 1;}
	75% {opacity: 0.5;}
	100% {opacity: 0;}
}
@keyframes slide3 {
	0% {opacity: 0;}
	25% {opacity: 0;}
	50% {opacity: 0.5;}
	75% {opacity: 1;}
	100% {opacity: 0.5;}
}

/*2枚画像の共通設定*/
.slide1,.slide2,.slide3 {
	-webkit-animation-duration: 1s;	/*実行する時間。「s」は秒の事。*/
	animation-duration: 1s;			/*同上*/
	-webkit-animation-iteration-count:infinite;	/*実行する回数。「infinite」は無限に繰り返す意味。*/
	animation-iteration-count:infinite;			/*同上*/
}

/*キラキラ1*/
.slide1 {
	-webkit-animation-name: slide1;		/*上で設定しているキーフレーム（keyframes）の名前*/
	animation-name: slide1;				/*同上*/
	position: absolute;
/*	width: 100%;*/
	width: auto;
	height: auto;
}

/*キラキラ2*/
.slide2 {
	-webkit-animation-name: slide2;		/*上で設定しているキーフレーム（keyframes）の名前*/
	animation-name: slide2;				/*同上*/
	position: absolute;
	width: auto;
	height: auto;
}

/*キラキラ3*/
.slide3 {
	-webkit-animation-name: slide3;		/*上で設定しているキーフレーム（keyframes）の名前*/
	animation-name: slide3;				/*同上*/
	position: absolute;
	width: auto;
	height: auto;
}