@charset "utf-8";

/* =================================================

	page style
	 
----------------------------------------------------
*
	sectionBonus
*
================================================= */








/* =================================================

	sectionBonus

================================================= */

#sectionBonus .secInr {
  height: 1933px;
  height: 0;
  padding-top: 141.5080527086384%;
  background-image: url(../img/bg.jpg);
}

#sectionBonus .blk {
  position: absolute;
  top: 0;
  width: 683px;
  width: 50%;
}
#sectionBonus .blk .blkBg {
  position: relative;
}
#sectionBonus .blk .blkTtl {
  position: absolute;
  z-index: 10;
  left: 0;
  top: 0;
  width: 100%;
}
#sectionBonus .blk .blkImg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  margin-top: 44px;
  margin-top: 6.442166910688141%;
}

#sectionBonus .blk01 {
  left: 0;
  margin-top: 306px;
  margin-top: 22.40117130307467%;
}
#sectionBonus .blk02 {
  left: 683px;
  left: 50%;
  margin-top: 306px;
  margin-top: 22.40117130307467%;
}
#sectionBonus .blk03 {
  left: 0;
  margin-top: 717px;
  margin-top: 52.48901903367496%;
}
#sectionBonus .blk04 {
  left: 683px;
  left: 50%;
  margin-top: 717px;
  margin-top: 52.48901903367496%;
}
#sectionBonus .blk05 {
  left: 0;
  width: 100%;
  margin-top: 1113px;
  margin-top: 81.4787701317716%;
}


#sectionBonus .asterisk .ast01 {
  position: absolute;
  left: 453px;
  left: 33.16251830161054%;
  top: 0;
  width: 24px;
  width: 1.756954612005857%;
  margin-top: 661px;
  margin-top: 48.38945827232796%;
}
#sectionBonus .asterisk .ast01_02 {
  position: absolute;
  left: 1211px;
  left: 88.65300146412884%;
  top: 0;
  width: 24px;
  width: 1.756954612005857%;
  margin-top: 575px;
  margin-top: 42.09370424597365%;
}
#sectionBonus .asterisk .ast02 {
  position: absolute;
  left: 1013px;
  left: 74.15812591508053%;
  top: 0;
  width: 27px;
  width: 1.976573938506589%;
  margin-top: 611px;
  margin-top: 44.72913616398243%;
}
#sectionBonus .asterisk .astTxt {
  position: absolute;
  left: 1138px;
  left: 83.30893118594436%;
  top: 0;
  width: 200px;
  width: 14.64128843338214%;
  margin-top: 693px;
  margin-top: 50.73206442166911%;
}


#sectionBonus .blk05 .blkImg01 {
  position: absolute;
  left: 0;
  top: 0;
  width: 672px;
  width: 49.19472913616398%;
  margin-top: 0;
}
#sectionBonus .blk05 .blkImg02 {
  position: absolute;
  left: 606px;
  left: 44.36310395314788%;
  top: 0;
  width: 380px;
  width: 27.81844802342606%;
  margin-top: 0;
}
#sectionBonus .blk05 .blkImg03 {
  position: absolute;
  left: 920px;
  left: 67.34992679355783%;
  top: 0;
  width: 380px;
  width: 27.81844802342606%;
  margin-top: 0;
}

#sectionBonus .blk05 .blkTxt01 {
  position: absolute;
  left: 0;
  top: 0;
  width: 683px;
  width: 50%;
  margin-top: 340px;
  margin-top: 24.89019033674963%;
}
#sectionBonus .blk05 .blkTxt02 {
  position: absolute;
  left: 683px;
  left: 50%;
  top: 0;
  width: 683px;
  width: 50%;
  margin-top: 340px;
  margin-top: 24.89019033674963%;
}

#sectionBonus .blk05 .arw01 {
  position: absolute;
  left: 660px;
  left: 48.31625183016105%;
  top: 0;
  width: 53px;
  width: 3.879941434846266%;
  margin-top: 164px;
  margin-top: 12.00585651537335%;
}
#sectionBonus .blk05 .arw02 {
  position: absolute;
  left: 974px;
  left: 71.30307467057101%;
  top: 0;
  width: 53px;
  width: 3.879941434846266%;
  margin-top: 164px;
  margin-top: 12.00585651537335%;
}
#sectionBonus .blk05 .kongo {
  position: absolute;
  left: 528px;
  left: 38.65300146412884%;
  top: 0;
  width: 175px;
  width: 12.81112737920937%;
  margin-top: 99px;
  margin-top: 7.247437774524158%;
}




/* =================================================
	js animate
================================================= */

#contents #sectionBonus .secTtl{
  left: 0;
  top: 0;
  width: 100%;

	width: 200%;
    left: -49%;
    top: -11%;
    opacity:0;
}


#sectionBonus .blk01{
	left: 0%;

	left: -50%;
	opacity:0;
}

#sectionBonus .blk02 {
	left: 100%;
	opacity:0;
}

#sectionBonus .blk03 {
	left: -50%;
	opacity:0;
}

#sectionBonus .blk04 {
	left: 100%;
	opacity:0;
}

#sectionBonus .blk05 {

	margin-top: 81.4787701317716%;
	
	margin-top: 110%;
	opacity:0;
}


#sectionBonus .blk05 .arw01 {
	left: 48.31625183016105%;
	
	left: 43%;
	opacity:0;
}

#sectionBonus .blk05 .arw02 {
  left: 71.30307467057101%;

	left: 66%;
	opacity:0;
}

#sectionBonus .blk05 .kongo {
  left: 38.65300146412884%;
  
	left: 50%;
	opacity:0;
}

#sectionBonus .blk05 .blkTxt01{
  left: 0;

	left: -15%;
	opacity:0;
}
#sectionBonus .blk05 .blkTxt02 {
  left: 50%;
	
	left: 35%;
	opacity:0;
}

#sectionBonus .asterisk .ast01,
#sectionBonus .asterisk .ast01_02,
#sectionBonus .asterisk .ast02,
#sectionBonus .asterisk .astTxt{
	opacity:0;
}

/*
.asterisk{
	opacity:0;
}
*/