#wrapper.content #contents {
   background: url("../images/content/bg.jpg") no-repeat center top;
   min-height: 1850px;
}

#wrapper.content .container .content_bg {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);  width: 2560px;
  height: 1100px;
  opacity: 0;
  transition: all ease 300ms 0s;
}
#wrapper.content .container .content_bg.doShow {
  opacity: 1;
}



#wrapper.content .container .img01 {
  position: absolute;
  top: 34px;
  left: calc(50% - 1013px / 2);
  width: 1013px;
  height: 536px;
  opacity: 0;
  transition: all ease 3s 0s;
  transform: scale(1, 2) rotate(-15deg);
}
#wrapper.content .container .img01.doShow {
  transform: scale(1, 1) rotate(0deg);
  opacity: 1;
}

#wrapper.content .container .img02 {
  position: absolute;
  top: 530px;
  left: calc(50% - 1095px / 2);
  width: 1095px;
  height: 613px;
  opacity: 0;
  transition: all ease 3s 0s;
  transform: scale(1, 2) rotate(-15deg);
}
#wrapper.content .container .img02.doShow {
  transform: scale(1, 1) rotate(0deg);
  opacity: 1;
}


#wrapper.content .container .img03 {
  position: absolute;
  top: 1078px;
  left: calc(50% - 1006px / 2);
  width: 1006px;
  height: 573px;
  opacity: 0;
  transition: all ease 3s 0s;
  transform: scale(1, 2) rotate(-15deg);
}
#wrapper.content .container .img03.doShow {
  transform: scale(1, 1) rotate(0deg);
  opacity: 1;
}



#wrapper.content .container .oizumi {
  position: absolute;
  top: 17px;
  left: 50px;
  width: 107px;
  height: 30px;
  opacity: 0;
  transition: all ease 300ms 0s;
}
#wrapper.content .container .oizumi.doShow {
  opacity: 1;
}

#snsArea {
  line-height: 0;
}
#snsArea .fb-share-button {
  vertical-align: bottom;
	margin-left: 10px;
}



/*# sourceMappingURL=top.css.map */