@charset "UTF-8";
/*!
 * Start Bootstrap - Full HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */
.btn:active,
.btn.active {
  background-image: none;
  outline: 0;
  box-shadow: none;
}

.btn {
  position: absolute;
  background-color: rgba(33, 242, 90, 0);
  z-index: 999;
}

.pc {
  display: block;
}
@media (max-width: 767px) {
  .pc {
    display: none;
  }
}

.mob {
  display: none;
}
@media (max-width: 767px) {
  .mob {
    display: block;
  }
}

#kv,
#p01,
#p02,
#p03,
#p04,
#p05,
#p06,
#p07,
#p08,
#p09,
#p10 {
  position: relative;
  margin: 0 auto;
}

.abs {
  position: absolute;
}

img {
  display: block;
  width: 100%;
  height: auto;
}

div,
span {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
}

*:focus {
  outline: none;
}

/*解決滾動到區塊時出現框線問題*/
a,
a:hover {
  text-decoration: none;
}

a img:hover {
  transform: scale(0.98, 0.95);
  transition: all 0.2s ease-out;
}

/*---kv---*/
.kv_w {
  width: 100%;
  position: relative;
}

.kv_box {
  overflow: hidden;
  position: relative;
  z-index: 2;
  margin-top: -1px;
}

.kv_box_m {
  overflow: hidden;
  position: relative;
  z-index: 2;
}

.header {
  width: 95%;
  position: absolute;
  left: 1%;
  top: 0.5%;
  z-index: 99;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding: 0.5vw;
}
@media (max-width: 767px) {
  .header {
    left: 3%;
    top: 1%;
  }
}
.header .logo_box {
  width: 34%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  z-index: 2;
}
@media (max-width: 768px) {
  .header .logo_box {
    width: 66%;
  }
}
.header .logo_box .logo_1 {
  width: 38%;
}
.header .logo_box .logo_2 {
  width: 29%;
}
.header .logo_box .logo_3 {
  width: 21%;
}
.header nav {
  position: relative;
  width: 90%;
  float: right;
}
.header nav ul {
  list-style-type: none;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: auto;
}
@media (max-width: 768px) {
  .header nav ul {
    display: none;
  }
}
.header nav ul li {
  display: block;
  width: auto;
  font-weight: 400;
  letter-spacing: 2px;
  padding: 0% 1.5vw;
  transition: all 0.25s ease-in-out;
  border-left: 1px solid #fff;
}
.header nav ul li:last-child {
  border-right: 1px solid #fff;
}
.header nav ul li a {
  text-decoration: none;
  font-size: 1.2vw;
  font-weight: 800;
  line-height: 1.5;
  letter-spacing: 2px;
  transition: all 0.25s ease-in-out;
  background: linear-gradient(to top, #767676, #fff);
  background: -webkit-linear-gradient(to top, #767676, #fff);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
}
.header nav ul li a:hover {
  color: #e29a3b;
  background: none;
}

button.menu_m {
  position: fixed;
  top: 1%;
  right: 1%;
  width: 11%;
  border: none;
  cursor: pointer;
  z-index: 990;
  outline: 0;
  background-color: rgba(255, 255, 255, 0);
}

main {
  overflow: hidden;
}

.btn_buy {
  display: block;
  width: 12.3%;
  position: absolute;
  right: 1%;
  bottom: 4%;
  z-index: 5;
  transform-origin: center;
  animation: buy_ani 1s ease-in-out infinite;
}
@media (max-width: 767px) {
  .btn_buy {
    width: 24%;
    right: 3%;
    bottom: 17%;
  }
}

@keyframes buy_ani {
  0% {
    padding-bottom: 0%;
  }
  40% {
    padding-bottom: 0%;
  }
  70% {
    padding-bottom: 1%;
  }
  90% {
    padding-bottom: 0%;
  }
  100% {
    padding-bottom: 0%;
  }
}
/*--- p02 套票內容 ---*/
.btn_buy_1 {
  position: absolute;
  width: 32.5%;
  top: 88.1%;
  left: 13%;
  z-index: 2;
}
@media (max-width: 767px) {
  .btn_buy_1 {
    width: 76%;
    top: 43.4%;
    left: 12%;
  }
}

.btn_buy_2 {
  position: absolute;
  width: 32.5%;
  top: 88.1%;
  left: 54.5%;
  z-index: 2;
}
@media (max-width: 767px) {
  .btn_buy_2 {
    width: 76%;
    top: 93%;
    left: 12%;
  }
}

/*--- p03 注意事項 ---*/
/*--- p04 東京巨蛋交通 ---*//*# sourceMappingURL=full.css.map */