@charset "UTF-8";
/*ルーレット クリック後の動作*/
.pageContents {
  transition: 1s;
}

.pageContents.step02 {
  padding-top: 20px;
  margin-top: -20px;
  transform: rotate3d(0, 1, 0, 3.142rad);
  opacity: 0;
  visibility: hidden;
  display: none;
}
@media (max-width: 767.98px) {
  .pageContents.step02 {
    margin-top: -60px;
  }
}

.osusume_item_container {
  display: none;
}

.kekka_container {
  z-index: -1;
  position: fixed;
  left: 0;
  top: 0;
  opacity: 0;
  visibility: hidden;
  transform: rotate3d(0, 1, 0, 3.142rad);
  transition: 1s;
}

body[class*=type] .pageContents.step01 {
  transform: rotate3d(0, 1, 0, 3.142rad);
  opacity: 0;
}
body[class*=type].step01 .kekka_container {
  z-index: 2;
}
body[class*=type].step01.step02 .kekka_container {
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  transform: rotate3d(0, 1, 0, 3.142rad);
  transition: 1s;
}
body[class*=type].step01.step02 .pageContents.step01 .choice_container {
  display: none;
}
body[class*=type].step01.step02 .pageContents.step02 {
  display: block;
}
body[class*=type].step01.step02.step03 .pageContents.step01 {
  opacity: 1;
  transform: rotate3d(0, 1, 0, 0rad);
}
body[class*=type].step01.step02.step03 .pageContents.step02 {
  opacity: 1;
  visibility: visible;
  transform: rotate3d(0, 1, 0, 0rad);
}

body.type01.step01 .kekka_container.type01 {
  opacity: 1;
  visibility: visible;
  transform: rotate3d(0, 1, 0, 0rad);
}
body.type01.step01.step02 .kekka_container.type01 {
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  transform: rotate3d(0, 1, 0, 3.142rad);
  transition: 1s;
}
body.type01.step01.step02 .pageContents.step02 > .osusume_item_container.type01 {
  display: block;
}
body.type02.step01 .kekka_container.type02 {
  opacity: 1;
  visibility: visible;
  transform: rotate3d(0, 1, 0, 0rad);
}
body.type02.step01.step02 .kekka_container.type02 {
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  transform: rotate3d(0, 1, 0, 3.142rad);
  transition: 1s;
}
body.type02.step01.step02 .pageContents.step02 > .osusume_item_container.type02 {
  display: block;
}
body.type03.step01 .kekka_container.type03 {
  opacity: 1;
  visibility: visible;
  transform: rotate3d(0, 1, 0, 0rad);
}
body.type03.step01.step02 .kekka_container.type03 {
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  transform: rotate3d(0, 1, 0, 3.142rad);
  transition: 1s;
}
body.type03.step01.step02 .pageContents.step02 > .osusume_item_container.type03 {
  display: block;
}
body.type04.step01 .kekka_container.type04 {
  opacity: 1;
  visibility: visible;
  transform: rotate3d(0, 1, 0, 0rad);
}
body.type04.step01.step02 .kekka_container.type04 {
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  transform: rotate3d(0, 1, 0, 3.142rad);
  transition: 1s;
}
body.type04.step01.step02 .pageContents.step02 > .osusume_item_container.type04 {
  display: block;
}
body.type05.step01 .kekka_container.type05 {
  opacity: 1;
  visibility: visible;
  transform: rotate3d(0, 1, 0, 0rad);
}
body.type05.step01.step02 .kekka_container.type05 {
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  transform: rotate3d(0, 1, 0, 3.142rad);
  transition: 1s;
}
body.type05.step01.step02 .pageContents.step02 > .osusume_item_container.type05 {
  display: block;
}
body.type06.step01 .kekka_container.type06 {
  opacity: 1;
  visibility: visible;
  transform: rotate3d(0, 1, 0, 0rad);
}
body.type06.step01.step02 .kekka_container.type06 {
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  transform: rotate3d(0, 1, 0, 3.142rad);
  transition: 1s;
}
body.type06.step01.step02 .pageContents.step02 > .osusume_item_container.type06 {
  display: block;
}
body.type07.step01 .kekka_container.type07 {
  opacity: 1;
  visibility: visible;
  transform: rotate3d(0, 1, 0, 0rad);
}
body.type07.step01.step02 .kekka_container.type07 {
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  transform: rotate3d(0, 1, 0, 3.142rad);
  transition: 1s;
}
body.type07.step01.step02 .pageContents.step02 > .osusume_item_container.type07 {
  display: block;
}
body.type08.step01 .kekka_container.type08 {
  opacity: 1;
  visibility: visible;
  transform: rotate3d(0, 1, 0, 0rad);
}
body.type08.step01.step02 .kekka_container.type08 {
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  transform: rotate3d(0, 1, 0, 3.142rad);
  transition: 1s;
}
body.type08.step01.step02 .pageContents.step02 > .osusume_item_container.type08 {
  display: block;
}
body.type09.step01 .kekka_container.type09 {
  opacity: 1;
  visibility: visible;
  transform: rotate3d(0, 1, 0, 0rad);
}
body.type09.step01.step02 .kekka_container.type09 {
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  transform: rotate3d(0, 1, 0, 3.142rad);
  transition: 1s;
}
body.type09.step01.step02 .pageContents.step02 > .osusume_item_container.type09 {
  display: block;
}

/*ルーレット クリック後の動作*//*# sourceMappingURL=animation.css.map */