@charset "UTF-8";

/* PC */
.pointCampaign.pc_only {
  position: relative;
  width: fit-content;
  margin-left: auto;
  margin-right: 120px;
  margin-bottom: 50px;
  z-index: 1000;
  cursor: pointer;
}

.pointCampaign.pc_only .imgBox ._img01 {
  position: relative;
  max-width: 230px;
  filter: drop-shadow(0 4px 4px rgba(0, 0, 0, 0.25));
  background-color: #B81C22;
  z-index: 1;
  border-radius: 999px;
  transition: all 0.3s;
}

.pointCampaign.pc_only .imgBox ._img02 {
  position: absolute;
  max-width: 52px;
  bottom: -9px;
  left: -8px;
  z-index: 2;
}

.pointCampaign.pc_only .imgBox ._img03 {
  position: absolute;
  max-width: 52px;
  top: 0;
  right: -4px;
  z-index: -1;
  transition: all 0.3s;
}

.pointCampaign.pc_only:hover .imgBox ._img01 {
  background-color: #CD6266;
  transition: all 0.3s;
}

.pointCampaign.pc_only:hover .imgBox ._img03 {
  top: -56px;
  transition: all 0.3s;
}

/* SP */
.pointCampaign.sp_only {
  position: relative;
  width: fit-content;
  margin-left: auto;
  margin-right: 10px;
  margin-bottom: 21px;
  z-index: 1000;
  cursor: pointer;
}

.pointCampaign.sp_only .imgBox ._img01 {
  position: relative;
  max-width: 180px;
  filter: drop-shadow(0 4px 4px rgba(0, 0, 0, 0.25));
  background-color: #B81C22;
  z-index: 1;
  border-radius: 999px;
  transition: all 0.3s;
}

.pointCampaign.sp_only .imgBox ._img02 {
  position: absolute;
  max-width: 43px;
  bottom: -11px;
  left: -8px;
  z-index: 2;
}

.pointCampaign.sp_only .imgBox ._img03 {
  position: absolute;
  max-width: 35px;
  top: -1px;
  right: 0;
  z-index: -1;
  transition: all 0.3s;
}

.pointCampaign.sp_only:hover .imgBox ._img01 {
    transition: all 0.3s;
}

.pointCampaign.sp_only:hover .imgBox ._img03 {
    transition: all 0.3s;
}

@media (max-width: 768px) and (hover: hover) {
    .pointCampaign.sp_only:hover .imgBox ._img01 {
        background-color: #CD6266;
        transition: all 0.3s;
    }

    .pointCampaign.sp_only:hover .imgBox ._img03 {
        top: -37px;
        transition: all 0.3s;
    }
}