@charset "UTF-8";

#page-gwsale_2023 {
  position: relative;
}

/* タイマー */
.timer {
  position: fixed;
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%);
      -ms-transform: translate(-50%);
          transform: translate(-50%);
  padding: 1em 0;
  width: 1030px;
  font-size: 1.8rem;
  background: #ef2845;
  text-align: center;
  color: #ffffff;
  font-weight: bold;
  z-index: 1;
}
#CDT {
  margin-top: 14px;
  font-size: 4.8rem;
}
@media screen and ( max-width: 820px ) {
  .timer {
    font-size: 4.27vw;
    width: 100%;
  }
  #CDT {
    margin-top: 2.67vw;
    font-size: 7.47vw;
  }
}

/* アンカーリンク */
#page-gwsale_2023 .whatGW {
  position: relative;
}
#page-gwsale_2023 .anchor {
  position: absolute;
  bottom: 117px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
}
#page-gwsale_2023 .anchorItem a {
  display: block;
}
#page-gwsale_2023 .anchorItem1,
#page-gwsale_2023 .anchorItem3 {
  width: 307px;
}
#page-gwsale_2023 .anchorItem2 {
  width: 306px;
}
@media screen and ( max-width: 820px ) {
  #page-gwsale_2023 .anchor {
    bottom: 8.97vw;
  }
  #page-gwsale_2023 .anchorItem1,
  #page-gwsale_2023 .anchorItem2,
  #page-gwsale_2023 .anchorItem3 {
    width: 26.91vw;
  }
}

/* CV */
#page-gwsale_2023 .cv-area {
  position: relative;
}
#page-gwsale_2023 .cv-btn {
  cursor: pointer;
  -webkit-animation: bounce 2.0s infinite ease-in-out;
  animation: bounce 2.0s infinite ease-in-out;
}
@-webkit-keyframes bounce {
  0%,
  100% {
    -webkit-transform: scale(0.9)
  }
  50% {
    -webkit-transform: scale(1.0)
  }
}
@keyframes bounce {
  0%,
  100% {
    transform: scale(0.9)
  }
  50% {
    transform: scale(1.0)
  }
}
#page-gwsale_2023 .cv-btn img {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 780px;
}
#page-gwsale_2023 .cv-btn.btn1 img,
#page-gwsale_2023 .cv-btn.btn2 img {
  bottom: 37px;
}
#page-gwsale_2023 .cv-btn.btn3 img {
  bottom: 160px;
}
@media screen and ( max-width: 820px ) {
  #page-gwsale_2023 .cv-btn img {
    width: 77.73vw;
  }
  #page-gwsale_2023 .cv-btn.btn1 img,
  #page-gwsale_2023 .cv-btn.btn2 img {
    bottom: 0;
  }
  #page-gwsale_2023 .cv-btn.btn3 img {
    bottom: 11.96vw;
  }
}

/* アンカーリンクバナー */
#page-gwsale_2023 .anchorTest .anchorItem {
  width: 301px;
  -webkit-animation: bounce 2.0s infinite ease-in-out;
  animation: bounce 2.0s infinite ease-in-out;
}
@-webkit-keyframes bounce {
  0%,
  100% {
    -webkit-transform: translateY(0)
  }
  50% {
    -webkit-transform: translateY(10px)
  }
}
@keyframes bounce {
  0%,
  100% {
    transform: translateY(0)
  }
  50% {
    transform: translateY(10px)
  }
}
@media screen and ( max-width: 820px ) {
  #page-gwsale_2023 .anchorTest .anchorItem {
    width: 26.91vw;
  }
  @-webkit-keyframes bounce {
    0%,
    100% {
      -webkit-transform: translateY(0)
    }
    50% {
      -webkit-transform: translateY(1.33vw)
    }
  }
  @keyframes bounce {
    0%,
    100% {
      transform: translateY(0)
    }
    50% {
      transform: translateY(1.33vw)
    }
  }
}

/* フローティングバナー */
#page-gwsale_2023 .floating {
  position: fixed;
  right: 0;
  bottom: 100px;
  width: 150px;
  z-index: 1;
}
@media screen and ( max-width: 820px ) {
  #page-gwsale_2023 .floating {
    bottom: 28.67vw;
    width: 21.33vw;
  }
  #content_bottom .btn_pagetop,
  div#flipdesk_root {
    display: none !important;
  }
}

/* Link */
#page-gwsale_2023 .link {
  position: relative;
}
#page-gwsale_2023 .tap {
  position: absolute;
  cursor: pointer;
  width: 311px;
}
#page-gwsale_2023 .tap1 {
  right: 160px;
  bottom: 93px;
}
#page-gwsale_2023 .tap2 {
  left: 124px;
  bottom: 260px;
}
#page-gwsale_2023 .tap3 {
  right: 124px;
  bottom: 260px;
}
@media screen and ( max-width: 820px ) {
  #page-gwsale_2023 .tap {
    width: 30.49vw;
  }
  #page-gwsale_2023 .tap1 {
    right: 11.96vw;
    bottom: 7.77vw;
  }
  #page-gwsale_2023 .tap2,
  #page-gwsale_2023 .tap3 {
    bottom: 21.52vw;
  }
  #page-gwsale_2023 .tap2 {
    left: 8.97vw;
  }
  #page-gwsale_2023 .tap3 {
    right: 8.97vw;
  }
}