@charset "UTF-8";
@-ms-viewport {
  width: device-width;
}
/*--------------------------------------------------------------------------
CSS　カサーレ城東セントラルプレイス設定(style.css)ver.1 2025.7.17
限定ページ　鳥と葉っぱ動き用
--------------------------------------------------------------------------*/
#bird {
  position: absolute;
  left: 10%;
  width: 100px;
  height: auto;
  z-index: 1;
  pointer-events: none;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}

#leaf_a {
  position: absolute;
  top: 10%;
  right: 10%;
  width: 100px;
  height: 100px;
  z-index: 1;
  pointer-events: none;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}

#leaf_b {
  position: absolute;
  bottom: -40%;
  left: 10%;
  width: 100px;
  height: 100px;
  z-index: 0;
  pointer-events: none;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}

#leaf_c {
  position: absolute;
  bottom: 10%;
  left: 10%;
  width: 100px;
  height: 100px;
  z-index: 0;
  pointer-events: none;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}

#leaf_d {
  position: absolute;
  bottom: -40%;
  right: 10%;
  width: 120px;
  height: 120px;
  z-index: 0;
  pointer-events: none;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}

/*===============================
■■　スマホ用　■■
===============================*/
/*------------(XS)------------*/
@media (min-width: 320px) and (max-width: 566px) {
  #bird {
    position: absolute;
    top: 0;
    left: 10%;
    width: 60px;
    height: auto;
    z-index: 1;
    pointer-events: none;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  #leaf_a {
    position: absolute;
    top: 0;
    right: 10%;
    width: 60px;
    height: auto;
    z-index: 1;
    pointer-events: none;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  #leaf_b {
    position: absolute;
    bottom: -20%;
    right: 10%;
    width: 60px;
    height: 60px;
    z-index: 0;
    pointer-events: none;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  #leaf_c {
    position: absolute;
    top: 10%;
    right: 10%;
    width: 60px;
    height: 60px;
    z-index: 0;
    pointer-events: none;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  #leaf_d {
    position: absolute;
    bottom: -20%;
    right: 10%;
    width: 80px;
    height: auto;
    z-index: 0;
    pointer-events: none;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
} /*xs*/
/*------------(SM)------------*/
@media (min-width: 567px) and (max-width: 767px) {
  #bird {
    position: absolute;
    top: 15px;
    left: 15%;
    width: 70px;
    height: auto;
    z-index: 1;
    pointer-events: none;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  #leaf_a {
    position: absolute;
    top: 0;
    right: 10%;
    width: 70px;
    height: auto;
    z-index: 1;
    pointer-events: none;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  #leaf_b {
    position: absolute;
    bottom: -20%;
    right: 10%;
    width: 70px;
    height: auto;
    z-index: 0;
    pointer-events: none;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  #leaf_c {
    position: absolute;
    top: 10%;
    right: 10%;
    width: 70px;
    height: auto;
    z-index: 0;
    pointer-events: none;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  #leaf_d {
    position: absolute;
    bottom: -30%;
    right: 10%;
    width: 90px;
    height: auto;
    z-index: 0;
    pointer-events: none;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
} /*SM*/
/*------------(MD)------------*/
@media (min-width: 768px) and (max-width: 1023px) {
  #bird {
    position: absolute;
    top: 10%;
    left: 15%;
    width: 80px;
    height: auto;
    z-index: 1;
    pointer-events: none;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  #leaf_a {
    position: absolute;
    top: 0;
    right: 10%;
    width: 80px;
    height: auto;
    z-index: 1;
    pointer-events: none;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  #leaf_b {
    position: absolute;
    bottom: -20%;
    right: 10%;
    width: 80px;
    height: auto;
    z-index: 0;
    pointer-events: none;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  #leaf_c {
    position: absolute;
    top: 10%;
    right: 10%;
    width: 80px;
    height: auto;
    z-index: 0;
    pointer-events: none;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  #leaf_d {
    position: absolute;
    bottom: -30%;
    right: 10%;
    width: 120px;
    height: auto;
    z-index: 0;
    pointer-events: none;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
} /*MD*/
/*------------(LG)------------*/
@media (min-width: 1024px) and (max-width: 1215px) {
  #bird {
    position: absolute;
    left: 10%;
    width: 100px;
    height: auto;
    z-index: 1;
    pointer-events: none;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  #leaf_a {
    position: absolute;
    top: 40%;
    right: 10%;
    width: 100px;
    height: 100px;
    z-index: 1;
    pointer-events: none;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  #leaf_b {
    position: absolute;
    bottom: -30%;
    right: 10%;
    width: 100px;
    height: 100px;
    z-index: 0;
    pointer-events: none;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  #leaf_c {
    position: absolute;
    top: 10%;
    right: 10%;
    width: 100px;
    height: 100px;
    z-index: 0;
    pointer-events: none;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  #leaf_d {
    position: absolute;
    bottom: -50%;
    right: 10%;
    width: 160px;
    height: 160px;
    z-index: 0;
    pointer-events: none;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
} /*LG*/
/*------------(XL)------------*/
/*XL*/