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

/*--- 背景1 ---*/
body {
	background-image: url("../img/ir/common/bg_head_pc.png");
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center top;
	animation: topdown 1.5s cubic-bezier(0.295, 0.005, 0.035, 1.000);
}
#container {
	background-image: url("../img/ir/common/bg_bottom_pc.png");
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center 3000px;
}
/* #containerの高さが長い場合*/
.single-post #container {
  background-position: center 6000px;
}

@media screen and (max-width: 768px) {
  /*--- 背景1 ---*/
  body {
	  background-image: url("../img/ir/common/bg_head_sp.png");
  }
  #container {
	background-image: url("../img/ir/common/bg_bottom_sp.png");
    background-position: center 3000px;
  }
  
}


@media screen and (max-width: 420px) {
	/*--- 背景1 ---*/
	body {
	}
}


/*--- 背景のアニメーション ---*/
#container.pos_pc {
  background-position: center 0px;
}
.anime_bottomup_pc {
  animation: bottomup_pc 1.5s cubic-bezier(0.295, 0.005, 0.035, 1.000);
}
#container.pos_pc_long {
  background-position: center 0px;
}
.anime_bottomup_pc_long {
  animation: bottomup_pc_long 1.5s cubic-bezier(0.295, 0.005, 0.035, 1.000);
}
#container.pos_tab {
  background-position: center 0;
}
.anime_bottomup_tab {
  animation: bottomup_tab 1.5s cubic-bezier(0.295, 0.005, 0.035, 1.000);
}
#container.pos_sp {
  background-position: center 0px;
}
.anime_bottomup_sp {
  animation: bottomup_sp 1.5s cubic-bezier(0.295, 0.005, 0.035, 1.000);
}

@keyframes topdown {
  from { background-position: center -300px; }
    to { background-position: center 0px; }
}
@keyframes bottomup_pc {
  from { background-position: center 3000px; }
    to { background-position: center 0px; }
}
@keyframes bottomup_pc_long {
  from { background-position: center 4000px; }
    to { background-position: center 0px; }
}
@keyframes bottomup_tab {
  from { background-position: center 3000px; }
    to { background-position: center 0px; }
}
@keyframes bottomup_sp {
  from { background-position: center 3000px; }
    to { background-position: center 0px; }
}