/*tmp overwrite*/
/*-------------------------------------------------------*/
#header {
  position: relative;
  z-index: 5000;
}

#footer {
  z-index: 5000;
  position: relative;
}

#footer .contain {
  display: none;
}

.article {
  min-height: 0;
}

.btn-top-sp {
  display: none !important;
}

/*initialize*/
/*-------------------------------------------------------*/
#cp-content {
  overflow: hidden;
  background-color: #ffffff;
}

#cp-content * {
  font-family: "YakuHanJP", "Noto Sans Japanese", sans-serif;
}

#cp-content a {
  display: block;
}

#cp-content img {
  width: 100%;
  height: auto;
  line-height: 0;
  vertical-align: middle;
}

#cp-content .defs {
  display: none;
}

#cp-content .sp {
  display: none;
}

@media only screen and (max-width: 767px) {
  #cp-content .pc {
    display: none;
  }
  #cp-content .sp {
    display: block;
  }
  #cp-content img.sp {
    display: inline;
  }
}
/*contetnt*/
/*-------------------------------------------------------*/
#cp-content #loader-bg {
  background-color: #e74d85;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 3999;
}
#cp-content #loader {
  position: fixed;
  margin-top: 63px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 4000;
}
@media only screen and (max-width: 767px) {
  #cp-content #loader {
    width: 100%;
    margin-top: 10.8vw;
  }
}
#cp-content #loader .logo {
  width: 298px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media only screen and (max-width: 767px) {
  #cp-content #loader .logo {
    width: 79.46666667%;
  }
}
#cp-content .main-body {
  position: relative;
}
#cp-content .main-body .main-visual-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
#cp-content .main-body .main-visual-bg .bg {
  position: absolute;
  background: 0 0 no-repeat;
  background-size: 100% auto;
  background-position: top center;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
#cp-content .main-body .main-visual-bg .flame-bg {
  position: absolute;
  width: 88.2353%;
  height: 100%;
  top: 40px;
  left: 50%;
  transform: translateX(-50%);
}
@media only screen and (max-width: 767px) {
  #cp-content .main-body .main-visual-bg .flame-bg {
    width: 94.13333333%;
    top: 13px;
  }
}
#cp-content .main-body .main-visual {
  position: relative;
  width: 100%;
  padding-top: 70.89%;
}
@media only screen and (max-width: 767px) {
  #cp-content .main-body .main-visual {
    padding-top: 189.868%;
  }
}
#cp-content .main-body .main-visual .ttl-body {
  position: absolute;
  width: 46.61764706%;
  top: 10.1%;
  left: 31.47058824%;
}
@media only screen and (max-width: 767px) {
  #cp-content .main-body .main-visual .ttl-body {
    width: 67.73333333%;
    top: 6.5%;
    left: 15.26666667%;
  }
}
#cp-content .main-body .main-visual .ttl-body .ttl {
  position: relative;
  z-index: 2;
}
@media only screen and (max-width: 767px) {
  #cp-content .main-body .main-visual .ttl-body .ttl {
    margin: 0;
  }
}
#cp-content .main-body .main-visual .ttl-body .bubble03 {
  width: 55.99369085%;
  position: absolute;
  top: 8.5%;
  left: -39.43217666%;
  z-index: 1;
}
@media only screen and (max-width: 767px) {
  #cp-content .main-body .main-visual .ttl-body .bubble03 {
    width: 56.69291339%;
    top: 1.5%;
    left: -22.058498%;
  }
}
#cp-content .main-body .main-visual .ttl-body .word01 {
  width: 19.90521327%;
  position: absolute;
  top: 9.2%;
  left: 51.34281201%;
}
@media only screen and (max-width: 767px) {
  #cp-content .main-body .main-visual .ttl-body .word01 {
    width: 27.66798419%;
    top: 30%;
    left: 56.52173913%;
  }
}
#cp-content .main-body .main-visual .ttl-body .bubble01 {
  width: 36.17693523%;
  position: absolute;
  top: 15%;
  right: -11.05845182%;
  z-index: 1;
}
@media only screen and (max-width: 767px) {
  #cp-content .main-body .main-visual .ttl-body .bubble01 {
    width: 45.84980237%;
    top: 8.2%;
    right: -20.76284585%;
  }
}
#cp-content .main-body .main-visual .car {
  position: absolute;
  top: 0;
  left: 0;
  margin-top: 43%;
}
@media only screen and (max-width: 767px) {
  #cp-content .main-body .main-visual .car {
    margin-top: 104.7%;
  }
}
#cp-content .main-body .main-visual .car.car01 {
  width: 15.019%;
  margin-left: 12.64705882%;
}
@media only screen and (max-width: 767px) {
  #cp-content .main-body .main-visual .car.car01 {
    width: 26.66666667%;
    margin-left: 18.93333333%;
  }
}
#cp-content .main-body .main-visual .car.car01 .name {
  width: 27.72277228%;
  margin: 8.7% 0 0 28.21782178%;
}
@media only screen and (max-width: 767px) {
  #cp-content .main-body .main-visual .car.car01 .name {
    width: 28%;
    margin: -4.5% 0 0 20%;
  }
}
#cp-content .main-body .main-visual .car.car02 {
  width: 14.722%;
  margin-left: 25.22058824%;
}
@media only screen and (max-width: 767px) {
  #cp-content .main-body .main-visual .car.car02 {
    width: 26.66666667%;
    margin-left: 41.33333333%;
  }
}
#cp-content .main-body .main-visual .car.car02 .name {
  width: 72.72727273%;
  margin: 8.7% 0 0 6.56565657%;
}
@media only screen and (max-width: 767px) {
  #cp-content .main-body .main-visual .car.car02 .name {
    width: 72%;
    margin: -7.2% 0 0 8%;
  }
}
#cp-content .main-body .main-visual .car.car03 {
  width: 14.87%;
  margin-left: 37.13235294%;
}
@media only screen and (max-width: 767px) {
  #cp-content .main-body .main-visual .car.car03 {
    width: 26.66666667%;
    margin-left: 63.46666667%;
  }
}
#cp-content .main-body .main-visual .car.car03 .name {
  width: 59%;
  margin: 2.6% 0 0 17.5%;
}
@media only screen and (max-width: 767px) {
  #cp-content .main-body .main-visual .car.car03 .name {
    width: 88%;
    margin: -4.2% 0 0 9%;
  }
}
#cp-content .main-body .main-visual .car.car04 {
  width: 15.911%;
  margin-left: 48.60294118%;
}
@media only screen and (max-width: 767px) {
  #cp-content .main-body .main-visual .car.car04 {
    width: 27.2%;
    margin-top: 126.3%;
    margin-left: 9.06666667%;
  }
}
#cp-content .main-body .main-visual .car.car04 .name {
  width: 25.70093458%;
  margin: 8.7% 0 0 26.1682243%;
}
@media only screen and (max-width: 767px) {
  #cp-content .main-body .main-visual .car.car04 .name {
    width: 26.47058824%;
    margin: -4% 0 0 29.41176471%;
  }
}
#cp-content .main-body .main-visual .car.car05 {
  width: 15.763%;
  margin-left: 60.29411765%;
}
@media only screen and (max-width: 767px) {
  #cp-content .main-body .main-visual .car.car05 {
    width: 27.73333333%;
    margin-top: 126.3%;
    margin-left: 31.46666667%;
  }
}
#cp-content .main-body .main-visual .car.car05 .name {
  width: 78.77358491%;
  margin: 2.6% 0 0 3.30188679%;
}
@media only screen and (max-width: 767px) {
  #cp-content .main-body .main-visual .car.car05 .name {
    width: 80.76923077%;
    margin: 0 0 0 3.84615385%;
  }
}
#cp-content .main-body .main-visual .car.car06 {
  width: 15.763%;
  margin-left: 72.86764706%;
}
@media only screen and (max-width: 767px) {
  #cp-content .main-body .main-visual .car.car06 {
    width: 27.2%;
    margin-top: 126.3%;
    margin-left: 54.13333333%;
  }
}
#cp-content .main-body .main-visual .car.car06 .name {
  width: 79.2452830189%;
  margin: 2.6% 0 0 10.3773584906%;
}
@media only screen and (max-width: 767px) {
  #cp-content .main-body .main-visual .car.car06 .name {
    width: 82.35294118%;
    margin: 0 0 0 13.7254902%;
  }
}
#cp-content .main-body .main-visual .word02 {
  width: 9.92647059%;
  position: absolute;
  top: 44.2%;
  left: 9.55882353%;
}
@media only screen and (max-width: 767px) {
  #cp-content .main-body .main-visual .word02 {
    width: 18.4%;
    top: 33%;
    left: 77.33333333%;
  }
}
#cp-content .main-body .main-visual .kira01 {
  width: 20%;
  position: absolute;
  top: 51.9%;
  left: 21.02941176%;
}
@media only screen and (max-width: 767px) {
  #cp-content .main-body .main-visual .kira01 {
    width: 14.13333333%;
    height: 100%;
    top: 51.7%;
    left: 7.46666667%;
  }
}
#cp-content .main-body .main-visual .kira02 {
  width: 27.64705882%;
  position: absolute;
  top: 50.2%;
  left: 53.30882353%;
}
@media only screen and (max-width: 767px) {
  #cp-content .main-body .main-visual .kira02 {
    width: 17.33333333%;
    top: 70.3%;
    left: 78.13333333%;
  }
}
#cp-content .main-body .present {
  position: relative;
  z-index: 2;
  padding-top: 43.97058824%;
}
@media only screen and (max-width: 767px) {
  #cp-content .main-body .present {
    padding-top: 116.53333333%;
  }
}
#cp-content .main-body .present .ttl-body {
  position: absolute;
  width: 62.72058824%;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
@media only screen and (max-width: 767px) {
  #cp-content .main-body .present .ttl-body {
    width: 94.13333333%;
  }
}
#cp-content .main-body .present .ttl-body .ttl-bg {
  width: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
}
#cp-content .main-body .present .ttl-body .ttl {
  position: absolute;
  width: 72.68464244%;
  margin: 14.8% 0 0 14.3024619% !important;
  z-index: 3;
}
@media only screen and (max-width: 767px) {
  #cp-content .main-body .present .ttl-body .ttl {
    width: 83.28611898%;
    margin: 24.1% 0 0 8.78186969% !important;
  }
}
#cp-content .main-body .present .ttl-body .bubble01 {
  position: absolute;
  width: 50.64478312%;
  margin-top: -10.3%;
  left: -10.1992966%;
  z-index: 2;
}
@media only screen and (max-width: 767px) {
  #cp-content .main-body .present .ttl-body .bubble01 {
    width: 80.45325779%;
    margin-top: -20.7%;
    left: 1.69971671%;
  }
}
#cp-content .main-body .present .ttl-body .bubble02 {
  position: absolute;
  width: 30.12895662%;
  margin-top: 5.2%;
  right: 5.74443142%;
}
@media only screen and (max-width: 767px) {
  #cp-content .main-body .present .ttl-body .bubble02 {
    width: 49.00849858%;
    margin-top: 68.8%;
    right: 4.24929178%;
  }
}
#cp-content .main-body .present .ttl-body .bubble03 {
  position: absolute;
  width: 19.92966002%;
  margin-top: 39.5%;
  left: -6.91676436%;
}
@media only screen and (max-width: 767px) {
  #cp-content .main-body .present .ttl-body .bubble03 {
    width: 24.64589235%;
    margin-top: 73.9%;
    left: -6.51558074%;
  }
}
#cp-content .main-body .present .ttl-body .bubble04 {
  position: absolute;
  width: 12.1922626%;
  margin-top: 22.5%;
  right: -3.39976553%;
}
@media only screen and (max-width: 767px) {
  #cp-content .main-body .present .ttl-body .bubble04 {
    width: 13.31444759%;
    margin-top: 11%;
    right: -1.69971671%;
  }
}
#cp-content .main-body .present .ttl-body .bubble05 {
  position: absolute;
  width: 14.53692849%;
  margin-top: 40%;
  right: -5.27549824%;
}
@media only screen and (max-width: 767px) {
  #cp-content .main-body .present .ttl-body .bubble05 {
    width: 10.76487252%;
    margin-top: 67.4%;
    right: -2.54957507%;
  }
}
#cp-content .main-body .present .ttl-body .sound {
  position: absolute;
  width: 29.30832356%;
  margin-top: 0;
  right: -23.44665885%;
}
@media only screen and (max-width: 767px) {
  #cp-content .main-body .present .ttl-body .sound {
    width: 35.12747875%;
    margin-top: -26.3%;
    right: -3.68271955%;
  }
}
#cp-content .main-body .present .ttl-body .star01 {
  position: absolute;
  width: 21.21922626%;
  margin-top: -9.2%;
  left: -21.80539273%;
  z-index: -1;
}
@media only screen and (max-width: 767px) {
  #cp-content .main-body .present .ttl-body .star01 {
    width: 21.52974504%;
    margin-top: -28.9%;
    left: 1.41643059%;
  }
}
#cp-content .main-body .present .ttl-body .star02 {
  position: absolute;
  width: 19.69519343%;
  margin-top: 49.4%;
  right: -17.23329426%;
  z-index: -2;
}
@media only screen and (max-width: 767px) {
  #cp-content .main-body .present .ttl-body .star02 {
    width: 20.67988669%;
    margin-top: 76%;
    left: 17.8470255%;
    right: auto;
  }
}
#cp-content .main-body .lineup {
  position: relative;
  z-index: 1;
}
#cp-content .main-body .lineup .lineup-bg01 {
  position: absolute;
  content: "";
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
  width: 100%;
  height: 227.94117647vw;
  top: -17.6%;
  left: 50%;
  transform: translateX(-50%);
  z-index: 0;
}
#cp-content .main-body .lineup .lineup-bg01-top {
  position: absolute;
  content: "";
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
  width: 100%;
  height: 92.8vw;
  top: -5.4%;
  left: 0;
}
#cp-content .main-body .lineup .lineup-bg01-bottom {
  position: absolute;
  content: "";
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
  width: 100%;
  height: 115.2vw;
  bottom: -8.8%;
  left: 0;
}
#cp-content .main-body .lineup .lineup-bg02 {
  position: absolute;
  width: 79.26470588%;
  height: 170.58823529vw;
  top: 6px;
  left: 50%;
  transform: translateX(-50%);
}
@media only screen and (max-width: 767px) {
  #cp-content .main-body .lineup .lineup-bg02 {
    width: 100%;
    height: 1001.33333333vw;
    top: 0.1%;
    left: 0;
    transform: translateX(0);
  }
}
#cp-content .main-body .lineup .lineup-ttl {
  position: relative;
  z-index: 1;
  width: 40%;
  margin: 0 auto !important;
  padding-bottom: 3.8%;
}
@media only screen and (max-width: 767px) {
  #cp-content .main-body .lineup .lineup-ttl {
    width: 89.06666667%;
    padding-bottom: 8.7%;
  }
}
#cp-content .main-body .lineup .word01 {
  position: absolute;
  width: 22.35294118%;
  top: 0;
  left: 2.86764706%;
}
@media only screen and (max-width: 767px) {
  #cp-content .main-body .lineup .word01 {
    width: 28.26666667%;
    top: -0.7%;
    left: 1.86666667%;
  }
}
#cp-content .main-body .lineup .car-list {
  position: relative;
  z-index: 1;
  width: 66.17647059%;
  margin: 0 auto;
  padding-bottom: 3.236%;
  display: flex;
  flex-wrap: wrap;
  gap: 3.676471vw 6.41176471%;
}
@media only screen and (max-width: 767px) {
  #cp-content .main-body .lineup .car-list {
    width: 94.66666667%;
    padding-bottom: 6.8%;
    gap: 13.33333333vw;
  }
}
#cp-content .main-body .lineup .car-list .item {
  position: relative;
  width: 46.66666667%;
  background-color: #fff;
  border: 5px solid #c2005b;
  border-radius: 20px;
  box-shadow: 10px 10px 0px 0px rgba(0, 0, 0, 0.2);
  box-sizing: border-box;
}
@media only screen and (max-width: 767px) {
  #cp-content .main-body .lineup .car-list .item {
    width: 100%;
    min-height: 134.366667vw;
    border: 1.33333333vw solid #c2005b;
    border-radius: 5.33333333vw;
    box-shadow: 1.42222222vw 1.42222222vw 0px 0px rgba(0, 0, 0, 0.2);
  }
}
#cp-content .main-body .lineup .car-list .item .name {
  width: 50.73170732%;
  position: absolute;
  top: -27px;
  left: -5.85365854%;
}
@media only screen and (max-width: 767px) {
  #cp-content .main-body .lineup .car-list .item .name {
    width: 43.47826087%;
    top: -4.4%;
    left: 3.47826087%;
  }
}
#cp-content .main-body .lineup .car-list .item .icon {
  width: 34.63414634%;
  margin-top: 7.5%;
  margin-left: 60%;
}
@media only screen and (max-width: 767px) {
  #cp-content .main-body .lineup .car-list .item .icon {
    width: 34.20289855%;
    margin-top: 7%;
    margin-left: 58.55072464%;
  }
}
#cp-content .main-body .lineup .car-list .item .photo {
  width: 74.15%;
  margin: 0 auto;
  padding-top: 3.3%;
  height: 36.84%;
}
@media only screen and (max-width: 767px) {
  #cp-content .main-body .lineup .car-list .item .photo {
    width: 71.5942029%;
    padding-top: 3.6%;
    height: 34.756%;
  }
}
#cp-content .main-body .lineup .car-list .item .txt-body {
  width: 90.24390244%;
  margin: 0 auto;
  padding-top: 2.7%;
  padding-bottom: 4.7%;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  #cp-content .main-body .lineup .car-list .item .txt-body {
    width: 92.75362319%;
    padding-top: 2.7%;
    padding-bottom: 8.8%;
  }
}
#cp-content .main-body .lineup .car-list .item .txt-body .head {
  font-size: 1.47058824vw;
  font-weight: 800;
  line-height: 1.116;
  color: #e74d85;
  letter-spacing: 0.05em;
  padding-bottom: 1.9%;
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 767px) {
  #cp-content .main-body .lineup .car-list .item .txt-body .head {
    font-size: 4.8vw;
    line-height: 1.24;
    padding-bottom: 1.6%;
  }
}
#cp-content .main-body .lineup .car-list .item .txt-body .price {
  width: 74.59459459%;
  margin: 0 auto;
  padding-bottom: 17%;
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 767px) {
  #cp-content .main-body .lineup .car-list .item .txt-body .price {
    width: 77.5%;
    padding-bottom: 18.3%;
  }
}
#cp-content .main-body .lineup .car-list .item .txt-body .price .s-size {
  display: block;
  font-size: 0.88235294vw;
  line-height: 1;
  letter-spacing: 0.05em;
  padding-bottom: 4.8%;
}
@media only screen and (max-width: 767px) {
  #cp-content .main-body .lineup .car-list .item .txt-body .price .s-size {
    font-size: 3.2vw;
    padding-bottom: 5.1%;
  }
}
#cp-content .main-body .lineup .car-list .item .txt-body .txt {
  font-size: 0.95588235vw;
  line-height: 1.53;
  background-color: #f2f2f2;
  border-radius: 10px;
  padding-top: 8%;
  padding-bottom: 12%;
  position: absolute;
  width: 90.24390244%;
  bottom: 7.8%;
  left: 50%;
  transform: translateX(-50%);
  z-index: 0;
}
@media only screen and (max-width: 767px) {
  #cp-content .main-body .lineup .car-list .item .txt-body .txt {
    font-size: 3.2vw;
    line-height: 1.41666667;
    border-radius: 2.4vw;
    padding-top: 7.7%;
    padding-bottom: 14.4%;
    width: 92.75362319%;
    bottom: 9.5%;
  }
}
@media only screen and (max-width: 500px) {
  #cp-content .main-body .lineup .car-list .item .txt-body .txt {
    bottom: 9.5%;
  }
}
#cp-content .main-body .lineup .car-list .item .txt-body .btn {
  width: 81.081082%;
  margin: 0 auto;
}
@media only screen and (max-width: 767px) {
  #cp-content .main-body .lineup .car-list .item .txt-body .btn {
    width: 85.625%;
  }
}
#cp-content .main-body .lineup .car-list .item .txt-body .btn a {
  display: block;
  line-height: 0;
  position: relative;
  padding: 8.6% 0;
}
#cp-content .main-body .lineup .car-list .item .txt-body .btn a .btn_txt {
  position: absolute;
  width: 50.345%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#cp-content .main-body .lineup .car-list .item .txt-body .btn a .over {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  opacity: 0;
  transition: opacity 0.3s;
  z-index: 5;
}
#cp-content .main-body .lineup .car-list .item .txt-body .btn a:hover .over {
  opacity: 1;
}
#cp-content .main-body .lineup .car-list .item.item01 .txt-body .txt, #cp-content .main-body .lineup .car-list .item.item02 .txt-body .txt {
  bottom: 7.5%;
}
@media only screen and (max-width: 767px) {
  #cp-content .main-body .lineup .car-list .item.item01 .txt-body .txt, #cp-content .main-body .lineup .car-list .item.item02 .txt-body .txt {
    bottom: 9.4%;
  }
}
#cp-content .main-body .lineup .car-list .item.item02 .photo, #cp-content .main-body .lineup .car-list .item.item03 .photo {
  width: 70.24390244%;
}
@media only screen and (max-width: 767px) {
  #cp-content .main-body .lineup .car-list .item.item02 .photo, #cp-content .main-body .lineup .car-list .item.item03 .photo {
    width: 69.56521739%;
  }
}
#cp-content .main-body .lineup .car-list .item.item04 .photo {
  width: 73.65853659%;
}
@media only screen and (max-width: 767px) {
  #cp-content .main-body .lineup .car-list .item.item04 .photo {
    width: 73.04347826%;
  }
}
@media only screen and (max-width: 767px) {
  #cp-content .main-body .lineup .car-list .item.item04 .txt-body .txt {
    bottom: 10.2%;
  }
}
#cp-content .main-body .lineup .car-list .item.item05 .photo, #cp-content .main-body .lineup .car-list .item.item06 .photo {
  width: 74.14634146%;
}
@media only screen and (max-width: 767px) {
  #cp-content .main-body .lineup .car-list .item.item05 .photo, #cp-content .main-body .lineup .car-list .item.item06 .photo {
    width: 73.62318841%;
  }
}
#cp-content .main-body .lineup .car-list .item.item05 .txt-body .price, #cp-content .main-body .lineup .car-list .item.item06 .txt-body .price {
  padding-bottom: 21.896%;
}
@media only screen and (max-width: 767px) {
  #cp-content .main-body .lineup .car-list .item.item05 .txt-body .price, #cp-content .main-body .lineup .car-list .item.item06 .txt-body .price {
    padding-bottom: 24%;
  }
}
#cp-content .main-body .lineup .car-list .item.item05 .txt-body .txt, #cp-content .main-body .lineup .car-list .item.item06 .txt-body .txt {
  bottom: 7.6%;
}
@media only screen and (max-width: 767px) {
  #cp-content .main-body .lineup .car-list .item.item05 .txt-body .txt, #cp-content .main-body .lineup .car-list .item.item06 .txt-body .txt {
    padding-bottom: 15%;
    bottom: 10.3%;
  }
}
@media only screen and (max-width: 500px) {
  #cp-content .main-body .lineup .car-list .item.item05 .txt-body .txt, #cp-content .main-body .lineup .car-list .item.item06 .txt-body .txt {
    padding-bottom: 12%;
    bottom: 12.3%;
  }
}
#cp-content .main-body .lineup .caption {
  position: relative;
  z-index: 1;
  color: #fff;
  font-size: 0.88235294vw;
  line-height: 1.41666667;
  margin-left: 16.91176471%;
  padding-bottom: 14%;
}
@media only screen and (max-width: 767px) {
  #cp-content .main-body .lineup .caption {
    font-size: 3.2vw;
    margin-left: 2.66666667%;
    width: 92%;
    padding-bottom: 26.67%;
  }
}
#cp-content .support {
  position: relative;
  z-index: 2;
  padding-bottom: 21.7%;
}
@media only screen and (max-width: 767px) {
  #cp-content .support {
    padding-bottom: 64.6%;
  }
}
#cp-content .support .support-bg {
  width: 79.26470588%;
  position: absolute;
  top: 5.5%;
  left: 50%;
  transform: translateX(-50%);
  z-index: 0;
}
@media only screen and (max-width: 767px) {
  #cp-content .support .support-bg {
    width: 100%;
    top: 16.2%;
    left: 0;
    transform: translateX(0);
  }
}
#cp-content .support .support-ttl {
  width: 44.11764706%;
  margin: 0 auto !important;
  padding-top: 4.5%;
  padding-bottom: 2.654%;
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 767px) {
  #cp-content .support .support-ttl {
    width: 95.46666667%;
    padding-top: 42.4%;
    padding-bottom: 8.3%;
  }
}
#cp-content .support .list-item {
  display: flex;
  justify-content: center;
  gap: 18px;
}
@media only screen and (max-width: 767px) {
  #cp-content .support .list-item {
    flex-direction: column;
    gap: 6.66666667vw;
  }
}
#cp-content .support .list-item .item {
  width: 16.91176471%;
}
@media only screen and (max-width: 767px) {
  #cp-content .support .list-item .item {
    width: 89.06666667%;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1.86666667vw;
  }
}
#cp-content .support .list-item .item .txt {
  width: 66.95652174%;
  margin: 0 auto;
  position: relative;
  z-index: 2;
}
@media only screen and (max-width: 767px) {
  #cp-content .support .list-item .item .txt {
    width: 92.07920792%;
    padding-bottom: 4.7%;
    margin-left: 3.96039604%;
  }
}
#cp-content .support .list-item .item .icon {
  width: 83.04347826%;
  margin: -10% auto 9.5%;
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 767px) {
  #cp-content .support .list-item .item .icon {
    width: 36.82634731%;
    margin-top: 0;
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 767px) {
  #cp-content .support .list-item .item .box {
    width: 60.47904192%;
  }
}
#cp-content .support .list-item .item .btn {
  width: 97.82608696%;
  line-height: 0;
  margin: 0 auto;
}
@media only screen and (max-width: 767px) {
  #cp-content .support .list-item .item .btn {
    width: 100%;
  }
}
#cp-content .support .list-item .item .btn .btn_txt {
  width: 9.26470588vw;
  margin: 0 0 0 13.96%;
}
@media only screen and (max-width: 767px) {
  #cp-content .support .list-item .item .btn .btn_txt {
    width: 29.33333333vw;
    margin: 0 0 0 14.07%;
  }
}
@media only screen and (max-width: 767px) {
  #cp-content .support .list-item .item .btn .btn_arrow {
    width: 7.46666667vw;
  }
}
#cp-content .support .list-item .item .btn a {
  display: block;
  line-height: 0;
  position: relative;
}
#cp-content .support .list-item .item .btn a .over {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  opacity: 0;
  transition: opacity 0.3s;
  z-index: 5;
}
#cp-content .support .list-item .item .btn a:hover .over {
  opacity: 1;
}
#cp-content .support .list-item .item.item03 .txt {
  width: 73.91304348%;
}
@media only screen and (max-width: 767px) {
  #cp-content .support .list-item .item.item03 .txt {
    width: 64.85148515%;
  }
}
#cp-content .support .list-item .item.item04 .txt {
  width: 94.7826087%;
}
@media only screen and (max-width: 767px) {
  #cp-content .support .list-item .item.item04 .txt {
    width: 93.06930693%;
  }
}
#cp-content .support .list-item .item.item04 .icon {
  margin-top: -9%;
}
@media only screen and (max-width: 767px) {
  #cp-content .support .list-item .item.item04 .icon {
    margin-top: 0;
  }
}
#cp-content .support .word01 {
  position: absolute;
  width: 24.26470588%;
  top: 0;
  left: 4.48529412%;
}
@media only screen and (max-width: 767px) {
  #cp-content .support .word01 {
    width: 41.33333333%;
    top: 6.4%;
    left: 20.8%;
  }
}
#cp-content .support .star01 {
  position: absolute;
  width: 14.33823529%;
  top: 30%;
  left: 2.94117647%;
  z-index: -1;
}
@media only screen and (max-width: 767px) {
  #cp-content .support .star01 {
    width: 17.33333333%;
    top: 10.7%;
    left: 6.13333333%;
  }
}
#cp-content .support .star02 {
  position: absolute;
  width: 12.57352941%;
  top: 10.6%;
  right: 3.23529412%;
  z-index: -1;
}
#cp-content .support .bubble {
  position: absolute;
  width: 23.67647059%;
  top: 55%;
  left: 1.61764706%;
  z-index: -1;
}
@media only screen and (max-width: 767px) {
  #cp-content .support .bubble {
    width: 57.06666667%;
    top: auto;
    bottom: 6.6%;
    left: -21.06666667%;
  }
}
#cp-content .support .support-bg02 {
  position: absolute;
  width: 55.88235294%;
  bottom: -42%;
  left: 0;
  z-index: -2;
}
@media only screen and (max-width: 767px) {
  #cp-content .support .support-bg02 {
    width: 111.2%;
    bottom: 2.1%;
    left: -58.66666667%;
  }
}
#cp-content .shop {
  position: relative;
  z-index: 3;
  padding-bottom: 5.148%;
  margin-top: -0.5%;
}
@media only screen and (max-width: 767px) {
  #cp-content .shop {
    padding-top: 26.67%;
    padding-bottom: 13.334%;
    margin-top: -22%;
  }
}
#cp-content .shop .shop-bg01 {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}
#cp-content .shop .sound {
  width: 25.14705882%;
  position: absolute;
  top: -2.20588235vw;
  right: -0.73529412vw;
}
@media only screen and (max-width: 767px) {
  #cp-content .shop .sound {
    width: 42.66666667%;
    top: 9.33333333vw;
    right: 5.86666667vw;
  }
}
#cp-content .shop .shop-searchBox {
  position: relative;
  width: 80%;
  margin: 0 auto;
  padding-bottom: 8.08823529vw;
}
@media only screen and (max-width: 767px) {
  #cp-content .shop .shop-searchBox {
    width: 100%;
    padding-bottom: 16vw;
  }
}
#cp-content .shop .searchBox-bg {
  position: absolute;
  width: 100%;
  left: 50%;
  transform: translateX(-50%);
}
#cp-content .shop .searchBox-bg.top {
  top: -0.73529412vw;
  z-index: 5;
}
@media only screen and (max-width: 767px) {
  #cp-content .shop .searchBox-bg.top {
    top: 18.66666667vw;
  }
}
#cp-content .shop .searchBox-bg.middle {
  bottom: 1px;
  background-repeat: repeat-y;
  height: calc(100% - 22.05882353vw);
  background-position: 0 0;
  background-size: 100%;
  z-index: 3;
}
@media only screen and (max-width: 767px) {
  #cp-content .shop .searchBox-bg.middle {
    background-image: none !important;
    top: 74.66666667vw;
    background-repeat: repeat-y;
    height: calc(100% - 80vw);
    background-color: #d3e85c;
  }
}
#cp-content .shop .searchBox-bg.bottom {
  bottom: 0;
  z-index: 5;
}
@media only screen and (min-width: 768px) {
  #cp-content .shop .searchBox-bg.shadow {
    width: 98.34558824%;
    height: calc(100% - 12.5vw);
    bottom: -10px;
    left: initial;
    right: 0;
    transform: translateX(0);
    z-index: 2;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 100% 0;
  }
}
#cp-content .shop .searchBox-bg.deco {
  width: 46.875%;
  left: initial;
  transform: translateX(0);
  height: calc(100% - 16.17647059vw);
  right: 1.655%;
  bottom: 0.51470588vw;
  z-index: 5;
}
@media only screen and (max-width: 767px) {
  #cp-content .shop .searchBox-bg.deco {
    width: 60%;
    height: 57.33333333vw;
    right: 0;
    bottom: 2.13333333vw;
  }
}
#cp-content .shop .searchBox-bg.deco img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#cp-content .shop:has(.result-list) .searchBox-bg.deco {
  height: initial;
}
#cp-content .shop:has(.result-list) .searchBox-bg.deco img {
  height: initial;
}
#cp-content .shop .shop-ttl {
  position: relative;
  z-index: 1;
  width: 58.824%;
  margin: 0 auto !important;
  z-index: 10;
}
@media only screen and (max-width: 767px) {
  #cp-content .shop .shop-ttl {
    width: 100%;
  }
}
#cp-content .shop .txt {
  position: relative;
  margin-top: 1.839%;
  font-size: 1.02941176vw;
  text-align: center;
  letter-spacing: 0.03em;
  z-index: 10;
}
@media only screen and (max-width: 767px) {
  #cp-content .shop .txt {
    font-size: 3.73333333vw;
    line-height: 1.5714;
    width: 87%;
    margin: 2.67% auto 0;
    text-align: left;
  }
}
#cp-content .shop .area-navi {
  display: flex;
  width: 84.55882353%;
  position: relative;
  margin: 1.839% auto 0;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 2.7173913%;
  position: relative;
  z-index: 10;
}
@media only screen and (max-width: 767px) {
  #cp-content .shop .area-navi {
    display: block;
    width: 77.33333333%;
    margin-top: 4%;
  }
}
#cp-content .shop .area-navi .navi {
  width: 31.52173913%;
  position: relative;
}
@media only screen and (max-width: 767px) {
  #cp-content .shop .area-navi .navi {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) {
  #cp-content .shop .area-navi .navi:nth-child(n+4) {
    margin-top: 2.17391304%;
  }
}
@media only screen and (max-width: 767px) {
  #cp-content .shop .area-navi .navi:nth-child(n+2) {
    margin-top: 6.9%;
  }
}
#cp-content .shop .area-navi .navi a {
  display: block;
  box-sizing: border-box;
  width: 100%;
  position: relative;
  padding: 0.80882353vw 0;
  border: 0.29411765vw solid #000000;
  border-radius: 2.20588235vw;
  color: #000000;
  line-height: 1.5;
  font-size: 1.47058824vw;
  letter-spacing: 0.05em;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  background-color: #fff;
  box-shadow: 0.36764706vw 0.36764706vw 0 rgba(0, 0, 0, 0.2);
  transition: all 0.25s;
  cursor: pointer;
}
@media only screen and (max-width: 767px) {
  #cp-content .shop .area-navi .navi a {
    padding: 1.33333333vw 0;
    border: 1.06666667vw solid #000000;
    border-radius: 5.86666667vw;
    font-size: 4.8vw;
    box-shadow: 1.6vw 2.13333333vw 0 rgba(0, 0, 0, 0.45);
  }
}
#cp-content .shop .area-navi .navi a::after {
  content: "";
  width: 0.88235294vw;
  height: 0.88235294vw;
  position: absolute;
  top: 50%;
  right: 14.185%;
  margin-top: -0.29411765vw;
  border: solid #000;
  border-width: 0 0.22058824vw 0.22058824vw 0;
  transform: translate(50%, -50%) rotate(45deg);
}
@media only screen and (max-width: 767px) {
  #cp-content .shop .area-navi .navi a::after {
    width: 3.2vw;
    height: 3.2vw;
    right: 14.185%;
    margin-top: -1.06666667vw;
    border-width: 0 0.8vw 0.8vw 0;
  }
}
@media only screen and (min-width: 768px) {
  #cp-content .shop .area-navi .navi a:hover {
    transform: translate(0.36764706vw, 0.36764706vw);
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.2);
  }
}
#cp-content .shop .area-result {
  overflow: hidden;
  box-sizing: border-box;
  width: 87.317%;
  position: relative;
  margin: 0 auto 0;
  z-index: 10;
}
@media only screen and (max-width: 767px) {
  #cp-content .shop .area-result {
    width: 88%;
    margin-bottom: 0;
  }
}
#cp-content .shop .area-result .result-ttl {
  padding: 4.212% 0 2.527%;
  color: #000;
  line-height: 1.5;
  font-size: 2.20588235vw;
  text-align: center;
  letter-spacing: 0.05em;
}
@media only screen and (max-width: 767px) {
  #cp-content .shop .area-result .result-ttl {
    padding: 10.91% 0 7.276%;
    font-size: 6.93333333vw;
  }
}
#cp-content .shop .area-result .result-list .item {
  display: flex;
  padding: 2.106% 24px 2.106% 3.79%;
  border-radius: 0.73529412vw;
  background-color: #fff;
  align-items: center;
  justify-content: space-between;
}
@media only screen and (max-width: 767px) {
  #cp-content .shop .area-result .result-list .item {
    display: block;
    padding: 7.58% 0 10%;
    border-radius: 2.66666667vw;
  }
}
#cp-content .shop .area-result .result-list .item + .item {
  margin-top: 1.58%;
}
@media only screen and (max-width: 767px) {
  #cp-content .shop .area-result .result-list .item + .item {
    margin-top: 6.065%;
  }
}
#cp-content .shop .area-result .result-list .item .name {
  padding-right: 1.47vw;
  color: #000000;
  line-height: 1.5;
  font-size: 1.47058824vw;
  font-weight: bold;
  text-align: left;
  flex: 1;
}
@media only screen and (max-width: 767px) {
  #cp-content .shop .area-result .result-list .item .name {
    padding-right: 0;
    font-size: 4.8vw;
    text-align: center;
  }
}
#cp-content .shop .area-result .result-list .item .navi-list {
  display: -ms-flex;
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 767px) {
  #cp-content .shop .area-result .result-list .item .navi-list {
    display: block;
    margin-top: 3.94%;
  }
}
#cp-content .shop .area-result .result-list .item .navi-list .navi {
  width: 19.11764706vw;
}
@media only screen and (max-width: 767px) {
  #cp-content .shop .area-result .result-list .item .navi-list .navi {
    width: 69.33333333vw;
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (min-width: 768px) {
  #cp-content .shop .area-result .result-list .item .navi-list .navi + .navi {
    width: 13.23529412vw;
    margin-left: 1.10294118vw;
  }
}
@media only screen and (max-width: 767px) {
  #cp-content .shop .area-result .result-list .item .navi-list .navi + .navi {
    margin-top: 5.456%;
  }
}
#cp-content .shop .area-result .result-list .item a {
  display: block;
  box-sizing: border-box;
  width: 100%;
  position: relative;
  padding: 0.73529412vw 0;
  border: 0.36764706vw solid #000;
  border-radius: 1.76470588vw;
  color: #000;
  line-height: 1.5;
  font-size: 1.17647059vw;
  letter-spacing: 0.05em;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  background-color: #fff028;
  box-shadow: 0.29411765vw 0.22058824vw 0 #000;
  transition: all 0.25s;
}
@media only screen and (max-width: 767px) {
  #cp-content .shop .area-result .result-list .item a {
    padding: 1.33333333vw 0;
    border: 1.33333333vw solid #000;
    border-radius: 5.86666667vw;
    font-size: 4.26666667vw;
    box-shadow: 1.06666667vw 0.8vw 0 #000;
  }
}
#cp-content .shop .area-result .result-list .item a::before {
  content: "";
  width: 0.58823529vw;
  height: 0.58823529vw;
  position: absolute;
  top: 50%;
  right: 1.47058824vw;
  border: solid #000;
  border-width: 0.22058824vw 0.22058824vw 0 0;
  transform: translateY(-50%) rotate(45deg);
}
@media only screen and (max-width: 767px) {
  #cp-content .shop .area-result .result-list .item a::before {
    width: 2.13333333vw;
    height: 2.13333333vw;
    right: 5.33333333vw;
    border-width: 0.8vw 0.8vw 0 0;
  }
}
@media only screen and (min-width: 768px) {
  #cp-content .shop .area-result .result-list .item a:hover {
    transform: translate(0.29411765vw, 0.22058824vw);
    box-shadow: 0 0 0 #000;
  }
}
#cp-content .end-caption {
  width: 78.38235294%;
  margin: 4.412% auto 0;
  padding: 2.5% 0;
  position: relative;
  background-color: #ffffff;
}
@media only screen and (max-width: 767px) {
  #cp-content .end-caption {
    width: 90.66666667%;
    margin-top: 10.67%;
    padding: 6.4% 0;
  }
}
#cp-content .end-caption .caption {
  width: 92.496%;
  margin-left: auto;
  margin-right: auto;
  color: #000000;
  font-size: 1.02941176vw;
  line-height: 1.78571;
  letter-spacing: -0.03em;
}
@media only screen and (max-width: 767px) {
  #cp-content .end-caption .caption {
    width: 88.23529412%;
    font-size: 3.73333333vw;
  }
}
#cp-content .end-caption .caption + .caption {
  margin-top: 1.408%;
}
@media only screen and (max-width: 767px) {
  #cp-content .end-caption .caption + .caption {
    margin-top: 1.765%;
  }
}
#cp-content .end-caption .caption .icon {
  width: 1.02941176vw;
  display: inline-block;
  vertical-align: middle;
}
@media only screen and (max-width: 767px) {
  #cp-content .end-caption .caption .icon {
    width: 4.26666667vw;
  }
}
#cp-content .btn a {
  display: block;
  box-sizing: border-box;
  width: 100%;
  position: relative;
  padding: 1.25vw 0;
  border: 0.36764706vw solid #000000;
  border-radius: 2.20588235vw;
  color: #000000;
  text-decoration: none;
  text-align: center;
  background-color: #fff028;
  box-shadow: 0.29411765vw 0.29411765vw 0 #000;
  transition: all 0.25s;
  cursor: pointer;
}
@media only screen and (max-width: 767px) {
  #cp-content .btn a {
    padding: 4.8vw 0;
    border: 1.33333333vw solid #000000;
    border-radius: 8.53333333vw;
    box-shadow: 1.06666667vw 1.06666667vw 0 #000;
  }
}
#cp-content .btn a span {
  display: block;
}
#cp-content .btn a .btn_txt {
  width: 10.14705882vw;
  margin: 0 auto;
}
@media only screen and (max-width: 767px) {
  #cp-content .btn a .btn_txt {
    width: 36.8vw;
  }
}
#cp-content .btn a .btn_arrow {
  width: 2.35294118vw;
  position: absolute;
  top: 50%;
  right: 0.88235294vw;
  transform: translateY(-50%);
}
@media only screen and (max-width: 767px) {
  #cp-content .btn a .btn_arrow {
    width: 8.53333333vw;
    right: 3.2vw;
  }
}
@media only screen and (min-width: 768px) {
  #cp-content .btn a:hover {
    transform: translate(0.29411765vw, 0.29411765vw);
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.2);
  }
}
#cp-content .loading_aniWrap .load-center-bubble {
  animation: bounceIn 0.2s ease-in-out forwards;
  transform-origin: center;
}
#cp-content .loading_aniWrap .load-txt {
  animation: bounceIn 0.2s 0.1s ease-in-out forwards;
  transform-origin: center;
}
#cp-content .loading_aniWrap .load-cloud01 {
  animation: bounceIn-fromRight 0.2s 0.2s ease-in-out forwards;
  transform-origin: center;
}
#cp-content .loading_aniWrap .load-right-star01 {
  animation: bounceIn-fromBottom 0.2s 0.3s ease-in-out forwards;
  transform-origin: center;
}
#cp-content .loading_aniWrap .load-right-star02 {
  animation: bounceIn-fromBottom 0.2s 0.4s ease-in-out forwards;
  transform-origin: center;
}
#cp-content .loading_aniWrap .load-word01 {
  animation: bounceIn-fromLeft 0.2s 0.5s ease-in-out forwards;
  transform-origin: center;
}
#cp-content .loading_aniWrap .load-left-star01 {
  animation: bounceIn-fromRight 0.2s 0.6s ease-in-out forwards;
  transform-origin: center;
}
#cp-content .loading_aniWrap .load-left-star02 {
  animation: bounceIn-fromRight 0.2s 0.7s ease-in-out forwards;
  transform-origin: center;
}
#cp-content .loading_aniWrap .load-left-star03 {
  animation: bounceIn-fromTop 0.2s 0.8s ease-in-out forwards;
  transform-origin: center;
}
#cp-content .loading_aniWrap .load-cloud02 {
  animation: bounceIn-fromLeft 0.2s 0.9s ease-in-out forwards;
  transform-origin: center;
}
#cp-content .loading_aniWrap .load-cloud03 {
  animation: bounceIn-fromTop 0.2s 1s ease-in-out forwards;
  transform-origin: center;
}
@keyframes bounceIn {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  80% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes bounceIn-fromRight {
  0% {
    transform: scale(0) translateX(100px);
    opacity: 0;
  }
  80% {
    transform: scale(1.1) translateX(-5px);
  }
  100% {
    transform: scale(1) translateX(0);
    opacity: 1;
  }
}
@keyframes bounceIn-fromLeft {
  0% {
    transform: scale(0) translateX(-100px);
    opacity: 0;
  }
  80% {
    transform: scale(1.1) translateX(-5px);
  }
  100% {
    transform: scale(1) translateX(0);
    opacity: 1;
  }
}
@keyframes bounceIn-fromTop {
  0% {
    transform: scale(0) translateY(-100px);
    opacity: 0;
  }
  80% {
    transform: scale(1.1) translateY(-5px);
  }
  100% {
    transform: scale(1) translateY(0);
    opacity: 1;
  }
}
@keyframes bounceIn-fromBottom {
  0% {
    transform: scale(0) translateY(100px);
    opacity: 0;
  }
  80% {
    transform: scale(1.1) translateY(5px);
  }
  100% {
    transform: scale(1) translateY(0);
    opacity: 1;
  }
}
#cp-content .main-visual-bg .flame-bg .blue-frame {
  animation: slideIn 0.4s 2s ease-in-out forwards;
  opacity: 0;
}
#cp-content .main-visual-bg .flame-bg .yellow-frame {
  animation: slideIn 0.4s 2.2s ease-in-out forwards;
  opacity: 0;
}
#cp-content .main-visual-bg .flame-bg .green-frame {
  animation: slideIn 0.4s 2.4s ease-in-out forwards;
  opacity: 0;
}
#cp-content .main-visual-bg .flame-bg .pink-frame {
  animation: slideIn 0.4s 2.6s ease-in-out forwards;
  opacity: 0;
}
#cp-content .main-visual .mv-ani01, #cp-content .main-visual .mv-ani02, #cp-content .main-visual .mv-ani03, #cp-content .main-visual .mv-ani04, #cp-content .main-visual .mv-ani05, #cp-content .main-visual .mv-ani06, #cp-content .main-visual .mv-ani07, #cp-content .main-visual .mv-ani08, #cp-content .main-visual .mv-ani09, #cp-content .main-visual .mv-ani10, #cp-content .main-visual .mv-ani11, #cp-content .main-visual .mv-ani12, #cp-content .main-visual .mv-ani13 {
  opacity: 0;
  transform: scale(0);
}
#cp-content .main-visual .main-kira01_wrap > g, #cp-content .main-visual .main-kira01-sp_wrap > g, #cp-content .main-visual .main-kira02_wrap > g, #cp-content .main-visual .main-kira02-sp_wrap > g {
  animation: spin 10s linear infinite;
  transform-origin: 50% 50%;
  transform-box: fill-box;
}
#cp-content .present .present-ani01, #cp-content .present .present-ani02, #cp-content .present .present-ani03 {
  opacity: 0;
  transform: scale(0);
}
@keyframes spin {
  to {
    transform: rotate(-360deg);
  }
}
@keyframes slideIn {
  0% {
    transform: translateX(100px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}