@charset "UTF-8";
/*メディアクエリー
---------------------------------------------*/
/*---------------------------------------------*/
html,
body {
  width: 100%;
  font-family: "courier-std", monospace;
  font-weight: bold;
  font-style: normal;
  font-size: 12px;
  letter-spacing: 0.04em;
  line-height: 1.74;
  margin: 0 auto;
  box-sizing: border-box;
}

@media screen and (min-width: 769px) {
  .spNone {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .spNone {
    display: none;
  }
}

@media screen and (min-width: 769px) {
  .pcNone {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .pcNone {
    display: block;
  }
}

.pd {
  position: absolute;
}

#wrap {
  overflow: hidden;
}

#top_img {
  position: relative;
}
@media screen and (min-width: 769px) {
  #top_img {
    background: #ff6f76;
  }
}
#top_img .cake {
  position: absolute;
  top: 13%;
  left: 39%;
  width: 37%;
}
@media screen and (min-width: 769px) {
  #top_img .cake {
    top: 13%;
    left: 46%;
    width: 12%;
  }
}
#top_img .toge {
  position: absolute;
  left: 67%;
  bottom: 8%;
  width: 30%;
  animation: rotate-anime 10s linear infinite;
}
@media screen and (min-width: 769px) {
  #top_img .toge {
    top: 78%;
    left: 55%;
    width: 11%;
  }
}
@media screen and (min-width: 769px) {
  #top_img .start {
    display: block;
    width: auto;
    height: 100dvh;
    margin: 0 auto;
  }
}

.credit00 {
  position: absolute;
  z-index: 2;
  display: flex;
  bottom: 6%;
  left: 6%;
}
@media screen and (min-width: 769px) {
  .credit00 {
    bottom: 4%;
    left: 4%;
  }
}
.credit00 .cre_men {
  margin-right: 40px;
}
.credit00 .cre_men ul p.men,
.credit00 .cre_lad ul p.men {
  background-color: #FFF;
  color: #000;
  margin-bottom: 20px;
  display: inline-block;
  padding: 0px 7px;
}
.credit00 .cre_men ul li,
.credit00 .cre_lad ul li {
  margin-bottom: 10px;
}
.credit00 .cre_men ul li a,
.credit00 .cre_lad ul li a {
  text-align: center;
}
.credit00 .cre_men ul li a p.item,
.credit00 .cre_lad ul li a p.item {
  background-color: #FFF;
  color: #000;
  padding: 0px 7px;
  width: -moz-fit-content;
  width: fit-content;
  text-align: left;
}
.credit00 .cre_men ul li a p.buy,
.credit00 .cre_lad ul li a p.buy {
  background-color: #FFF;
  color: #cf0012;
  padding: 0px 7px;
  margin-top: -3px;
  text-align: left;
  width: -moz-fit-content;
  width: fit-content;
}
.credit00 .cre_men ul li a p.buy span.price,
.credit00 .cre_lad ul li a p.buy span.price {
  color: #000 !important;
  padding: 0;
  padding-right: 7px;
  width: -moz-fit-content;
  width: fit-content;
}
.credit00 .cre_men ul li p.come,
.credit00 .cre_lad ul li p.come {
  background-color: #FFF;
  color: #000;
  padding: 0px 7px;
  display: inline-block;
  color: #cf0012;
}

.credit {
  position: absolute;
  z-index: 2;
  display: flex;
  bottom: 8%;
  left: 6%;
}
@media screen and (min-width: 769px) {
  .credit {
    bottom: 3%;
    left: 3%;
  }
}
.credit .cre_men {
  margin-right: 40px;
}
.credit .cre_men ul p.men,
.credit .cre_lad ul p.men {
  background-color: #FFF;
  color: #000;
  margin-bottom: 20px;
  display: inline-block;
  padding: 0px 7px;
}
.credit .cre_men ul li,
.credit .cre_lad ul li {
  margin-bottom: 10px;
}
.credit .cre_men ul li a,
.credit .cre_lad ul li a {
  text-align: center;
}
.credit .cre_men ul li a p.item,
.credit .cre_lad ul li a p.item {
  background-color: #FFF;
  color: #000;
  padding: 0px 7px;
  width: -moz-fit-content;
  width: fit-content;
  text-align: left;
}
.credit .cre_men ul li a p.item span.buy,
.credit .cre_lad ul li a p.item span.buy {
  background-color: #FFF;
  color: #cf0012 !important;
  padding: 0px 7px;
  margin-top: -3px;
  text-align: left;
  width: -moz-fit-content;
  width: fit-content;
}
.credit .cre_men ul li a p.item span.price,
.credit .cre_lad ul li a p.item span.price {
  color: #000 !important;
  padding: 0;
  padding-right: 7px;
  width: -moz-fit-content;
  width: fit-content;
}

section.js-wrap {
  width: 100%;
  height: 100vh;
  position: relative;
  overflow: hidden;
}
section.js-wrap .js-item01,
section.js-wrap .js-item02,
section.js-wrap .js-item03,
section.js-wrap .js-item04,
section.js-wrap .js-item05,
section.js-wrap .js-item06,
section.js-wrap .js-item07,
section.js-wrap .js-item08,
section.js-wrap .js-item09,
section.js-wrap .js-item10,
section.js-wrap .js-item11 {
  position: absolute;
  top: 0;
  left: 0;
}
section.js-wrap .js-item01 .item,
section.js-wrap .js-item02 .item,
section.js-wrap .js-item03 .item,
section.js-wrap .js-item04 .item,
section.js-wrap .js-item05 .item,
section.js-wrap .js-item06 .item,
section.js-wrap .js-item07 .item,
section.js-wrap .js-item08 .item,
section.js-wrap .js-item09 .item,
section.js-wrap .js-item10 .item,
section.js-wrap .js-item11 .item {
  position: relative;
}
section.js-wrap .js-item01 .item img.blockImg,
section.js-wrap .js-item02 .item img.blockImg,
section.js-wrap .js-item03 .item img.blockImg,
section.js-wrap .js-item04 .item img.blockImg,
section.js-wrap .js-item05 .item img.blockImg,
section.js-wrap .js-item06 .item img.blockImg,
section.js-wrap .js-item07 .item img.blockImg,
section.js-wrap .js-item08 .item img.blockImg,
section.js-wrap .js-item09 .item img.blockImg,
section.js-wrap .js-item10 .item img.blockImg,
section.js-wrap .js-item11 .item img.blockImg {
  display: block;
  height: 100vh;
  width: auto;
  max-width: none;
}

section.block_01 .item .toge {
  width: 19%;
  height: auto;
  top: 10%;
  left: 20.8%;
  z-index: 3;
  animation: rotate-anime 10s linear infinite;
}
@media screen and (min-width: 769px) {
  section.block_01 .item .toge {
    top: 10%;
    left: 20.8%;
    width: 19%;
  }
}
section.block_01 .item .box00 {
  width: 12.5%;
  top: 15%;
  left: 24%;
  z-index: 2;
}
section.block_01 .item .box01 {
  width: 9%;
  top: 6%;
  left: 26%;
  z-index: 3;
}
section.block_01 .item .box02 {
  width: 28%;
  bottom: 0;
  left: 43%;
  z-index: 2;
}

section.block_02 .item .box {
  width: 26.8%;
  bottom: 0;
  left: 1%;
  z-index: 2;
}
section.block_02 .item .box00 {
  width: 21%;
  top: 11%;
  left: 23%;
  z-index: 2;
}
section.block_02 .item .box02 {
  width: 32.5%;
  bottom: 0;
  left: 39.5%;
  z-index: 4;
}
section.block_02 .item .box03 {
  width: 5%;
  width: 7%;
  top: 8%;
  left: 66%;
  z-index: 2;
}
section.block_02 .item .box04 {
  width: 15%;
  top: 20%;
  left: 44%;
  z-index: 3;
}
section.block_02 .item .box06 {
  width: 12%;
  top: 76%;
  left: 23%;
  z-index: 1;
}
section.block_02 .item .box07 {
  width: 8%;
  bottom: -6%;
  left: 42%;
  z-index: 1;
}
section.block_02 .item .box08 {
  width: 10%;
  top: 14%;
  left: 62%;
  z-index: 1;
}
section.block_02 .item .box09 {
  width: 12%;
  top: 21%;
  left: 7%;
  z-index: 1;
}
section.block_02 .item .box10 {
  width: 11%;
  bottom: -5%;
  left: 73.5%;
  z-index: 2;
}

section.block_03 .box {
  bottom: 3%;
  left: 37%;
  z-index: 1;
  z-index: 1;
}

section.block_04 .box {
  width: 18%;
  top: 10%;
  left: 0;
  z-index: 1;
}
section.block_04 .box00 {
  width: 10%;
  top: 24%;
  left: 19.5%;
  z-index: 1;
}
section.block_04 .box01 {
  width: 18%;
  top: 0%;
  left: 39%;
  z-index: 1;
}
section.block_04 .box02 {
  width: 18%;
  top: 0%;
  left: 39%;
  z-index: 1;
}
section.block_04 .box03 {
  width: 8%;
  top: 6%;
  left: 73%;
  z-index: 1;
}
section.block_04 .box04 {
  width: 22%;
  bottom: 0;
  left: 61%;
  z-index: 2;
}
section.block_04 .box05 {
  width: 17%;
  bottom: 0;
  left: 40%;
  z-index: 2;
}
section.block_04 .box06 {
  width: 11%;
  bottom: 0;
  left: 80.8%;
  z-index: 3;
}
section.block_04 .box07 {
  width: 10%;
  top: 12%;
  left: 57%;
  z-index: 1;
}

section.block_05 .box {
  width: 11%;
  top: 10%;
  left: 27%;
  z-index: 1;
}
section.block_05 .box00 {
  width: 21%;
  top: 14%;
  left: 43%;
  z-index: 2;
}
section.block_05 .box01 {
  width: 16.8%;
  top: 0;
  left: 68%;
  z-index: 1;
}
section.block_05 .box02 {
  width: 4.2%;
  width: 6%;
  top: 14%;
  left: 91%;
  z-index: 1;
}
section.block_05 .box03 {
  width: 100%;
  bottom: 0;
  right: 0;
  z-index: 1;
}

section.block_06 .box {
  width: 7%;
  top: 58%;
  left: 43%;
  z-index: 2;
}
section.block_06 .box img {
  animation: rotate-anime 10s linear infinite;
}
section.block_06 .box00 {
  width: 18%;
  top: 3%;
  left: 49.5%;
  z-index: 3;
}
section.block_06 .box01 {
  width: 17%;
  top: 25%;
  left: 67%;
  z-index: 2;
}
section.block_06 .box02 {
  width: 9%;
  top: 34%;
  left: 87%;
  z-index: 1;
}
section.block_06 .box03 {
  width: 5%;
  top: 20%;
  left: 20%;
  z-index: 1;
}
section.block_06 .box03 img {
  animation: rotate-anime 10s linear infinite;
}
section.block_06 .box04 {
  width: 100%;
  bottom: 0;
  right: 0;
  z-index: 1;
}
section.block_06 .box05 {
  width: 13.5%;
  top: 12%;
  left: 4%;
  z-index: 1;
}
section.block_06 .box06 {
  width: 20%;
  top: 0;
  right: 4%;
  z-index: 1;
}

section.block_07 .box {
  width: 2.2%;
  top: 19%;
  left: 4%;
  z-index: 2;
}
section.block_07 .box00 {
  width: 4.3%;
  top: 50%;
  left: 9.5%;
  z-index: 1;
}
section.block_07 .box01 {
  width: 66%;
  bottom: 0;
  left: 0%;
  z-index: 2;
}
section.block_07 .box02 {
  width: 6.3%;
  top: 35%;
  left: 42%;
  z-index: 1;
}
section.block_07 .box03 {
  width: 14.8%;
  bottom: 0;
  left: 51.15%;
  z-index: 1;
}

section.block_08 .box {
  width: 21.6%;
  bottom: 0;
  left: 2.5%;
  z-index: 1;
}
section.block_08 .box00 {
  width: 11%;
  top: 8%;
  left: 27%;
  z-index: 3;
}
section.block_08 .box01 {
  width: 9.5%;
  bottom: 4%;
  left: 44%;
  z-index: 2;
}
section.block_08 .box02 {
  width: 13%;
  top: 2%;
  left: 59%;
  z-index: 1;
}
section.block_08 .box03 {
  width: 22.5%;
  top: 0;
  left: 71%;
  z-index: 1;
}
section.block_08 .box04 {
  width: 14%;
  top: 48%;
  left: 84%;
  z-index: 1;
}

section.block_09 .box {
  width: 21%;
  top: 21%;
  left: 8%;
  z-index: 5;
}

section.block_10 .box {
  width: 13.5%;
  top: 0;
  left: 20%;
  z-index: 2;
}
section.block_10 .box00 {
  width: 17%;
  top: 68%;
  left: 36%;
  z-index: 1;
}
section.block_10 .box01 {
  width: 21%;
  top: 3%;
  left: 1%;
  z-index: 2;
}

section.block_11 .box {
  width: 30%;
  top: 8%;
  left: 18%;
  z-index: 2;
}
section.block_11 .box00 {
  width: 22%;
  top: 42%;
  left: 69%;
  z-index: 1;
}
section.block_11 .box01 {
  width: 25%;
  bottom: 0;
  left: 75%;
  z-index: 3;
}

.anime-fuwafuwa {
  animation: 3s fuwafuwa infinite;
}

@keyframes fuwafuwa {
  0%, 100% {
    transform: translate(-50%, -30%);
  }
  50% {
    transform: translate(-50%, -50%);
  }
}
.anime-fuwafuwa01 {
  animation: 3s fuwafuwa01 infinite;
}

@keyframes fuwafuwa01 {
  0%, 100% {
    transform: translate(-50%, -30%);
  }
  50% {
    transform: translate(-50%, -50%);
  }
}
.anime-fuwafuwa02 {
  animation: 3s fuwafuwa02 infinite;
}

@keyframes fuwafuwa02 {
  0%, 100% {
    transform: translate(-50%, -40%);
  }
  50% {
    transform: translate(-50%, -50%);
  }
}
.fadeRight {
  opacity: 0;
  transform: translate(50%, 0);
  transition: 1.5s;
}

.fadeRight.is-show {
  transform: translate(0, 0);
  opacity: 1;
}

.fadeUp {
  transition: 1.5s;
  opacity: 0;
}

.fadeUp.is-show {
  opacity: 1;
}

@keyframes rotate-anime {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}/*# sourceMappingURL=style.css.map */