@charset "UTF-8";
@-webkit-keyframes shine {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.6;
  }
  100% {
    opacity: 1;
  }
}
@keyframes shine {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.6;
  }
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes AniFloat {
  0% {
    -webkit-transform: translateY(3%);
            transform: translateY(3%);
  }
  50% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
  100% {
    -webkit-transform: translateY(3%);
            transform: translateY(3%);
  }
}

@keyframes AniFloat {
  0% {
    -webkit-transform: translateY(3%);
            transform: translateY(3%);
  }
  50% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
  100% {
    -webkit-transform: translateY(3%);
            transform: translateY(3%);
  }
}

:root {
  --font: -apple-system, BlinkMacSystemFont, "Segoe UI",'Microsoft JhengHei',"Noto Sans TC", "微軟正黑體", "Meiryo UI", Roboto, Helvetica, Arial, sans-serif;
  --mainTitle: 22px;
  --mainTxt: 18px;
  --mainPrice: 20px;
  --mainNote: 15px;
  --font-color-dark: #fff;
  --font-color-light: #111;
}

@media (min-width: 768px) {
  :root {
    --mainTitle: 32px;
    --mainTxt: 20px;
    --mainPrice: 20px;
    --mainNote: 15px;
  }
}

:root html:lang(ja-JP) *:not(.material-icons):not(.fa):not(.buttonicons) {
  --font: -apple-system, BlinkMacSystemFont,"Meiryo UI", Arial, sans-serif;
}

img {
  max-width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

#redbull {
  background-color: #000;
  color: #fff;
}

#redbull .products {
  padding: 15px 0;
}

#redbull .products__pic {
  margin: 25px auto;
  text-align: center;
}

#redbull .products__pic img {
  width: 330px;
}

#redbull .products__pic h2 {
  margin-top: 25px;
}

#redbull .intro {
  text-align: center;
  padding: 25px 0;
}

#redbull .date {
  padding: 25px 0;
}

#redbull .date__box {
  width: 330px;
  margin: 25px auto;
  padding: 20px;
  border: 1px solid #d185b9;
  border-radius: 10px;
  text-align: center;
}

#redbull .date__box h2 {
  margin-bottom: 10px;
}

#redbull .date__box h3 {
  margin-bottom: 20px;
}

#redbull .date__box p {
  margin-bottom: 10px;
}

#redbull .date__pin {
  width: 30px;
  margin-right: 5px;
}

#redbull .streamer {
  text-align: center;
  padding: 25px 0;
}

#redbull .streamer a {
  color: #fff;
  text-decoration: underline;
}

@media (min-width: 996px) {
  #redbull .products {
    margin-top: 50px;
    padding: 25px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  #redbull .products__pic {
    margin: 0 25px;
  }
  #redbull .products__pic img {
    width: 400px;
  }
  #redbull .intro {
    margin-top: 0px;
  }
  #redbull .intro p {
    font-size: 20px;
  }
  #redbull .date {
    margin-top: 25px;
  }
  #redbull .date__flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  #redbull .date__box {
    width: 400px;
    margin: 0 25px;
  }
  #redbull .streamer {
    margin-top: 25px;
  }
}

#redbull .video {
  width: 100%;
  height: auto;
  margin: 45px 0;
}

#redbull .video .detail {
  position: relative;
  text-align: center;
}

#redbull .video .detail .video_detail {
  width: 60vw;
  height: calc((60vw / 16) * 9);
  display: inline-block;
  position: relative;
  z-index: 1;
}

#redbull .video .detail .video_detail iframe {
  width: 60vw;
  height: calc((60vw / 16) * 9);
  border: none;
}
/*# sourceMappingURL=main.css.map */