@charset "utf-8";

/*-----------------------------------------------------------------
		Main Visual
-----------------------------------------------------------------*/
img {
  image-rendering: -webkit-optimize-contrast;
}

.wrapper-main-visual {
  height: 440px;
  overflow: hidden;
  position: relative;
}

.main-slider-box li {
  height: 440px;
  padding-bottom: 15px;
  box-sizing: border-box;
}
.slider-img img {
  width: 100%;
}
.slider-txt-box {
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  color: #ffffff;
  z-index: 80;
  width: 100%;
  box-sizing: border-box;
  height: 440px;
  background: url(../images/top/bg_dot.png) repeat left top;
  background-size: auto;
}

/* 読み込み完了までスライダー非表示 */
.main-slider-box li,
.visual-btn {
  display: none;
}
.bx-viewport .main-slider-box li {
  display: block !important;
}

.visual-lead-main .visual-btn {
  display: inline-block;
}

.visual-btn-or {
  color: #FA6B2B;
}
.visual-btn-illumi {
  background: #BDA32C;
  color: #fff;
}


/* ============== スポット ============== */

/* お台場レインボー花火2025 */
.bx-rainbow2025 {
  background: url(../images/rainbow2025_teaser/ttl_rainbou2025_teaser.webp) no-repeat center center, url('../images/rainbow2025/mv_bg_middle.png') no-repeat center center, url(../images/rainbow2025/mv_bg_pc.webp) no-repeat center center;
  background-size: 280px auto, 702px auto, cover;
  background-color: black;
}
.bx-rainbow2025 .slider-txt-box {
  background: none;
}
@media screen and (max-width: 980px){
  .bx-rainbow2025 {
    background: url(../images/rainbow2025_teaser/ttl_rainbou2025_teaser.webp) no-repeat center center, url(../images/rainbow2025/mv_bg_pc.webp) no-repeat center center;
    background-size: 160px auto, cover;
    background-color: black;
  }
}

/* イルミネーションアイランドお台場2025 */
.bx-illumination2025 {
  background: url(../images/illumination2025/home_ttl_pc.png) no-repeat center center, url(../images/illumination2025/home_bg_pc.webp) no-repeat center center;
  background-size: 500px auto, 1280px auto;
  background-color: #0A1D4B;
}
.bx-illumination2025 .slider-txt-box {
  background: none;
}
@media screen and (max-width: 980px){
.bx-illumination2025 {
  background: url(../images/illumination2025/home_ttl_sp.png) no-repeat top 5px center, url(../images/illumination2025/home_bg_sp.webp) no-repeat center center;
  background-size: 340px auto, cover;
  background-color: #0A1D4B;
}
}

/* JMS2025 */
.bx-jms2025 {
  background: url(../images/jms2025/mv_ttl.png) no-repeat center bottom, url(../images/jms2025/mv_dot.png) repeat center center, url(../images/jms2025/mv_bg.jpg) no-repeat center center;
  background-size: 630px auto, 1514px auto, cover;
}
.bx-jms2025 .slider-txt-box {
  background: none;
}
@media screen and (max-width: 980px){
  .bx-jms2025 {
    background: url(../images/jms2025/mv_ttl_sp.png) no-repeat center center, url(../images/jms2025/mv_dot.png) repeat center center, url(../images/jms2025/mv_bg.jpg) no-repeat center center;
  background-size: 322px auto, 757px auto, cover;
  }
}

/* bx-alert */
.bx-alert {
  background: url(../images/top/pickup_bridge_black.jpg) no-repeat center center;
  background-size: cover;
}
.alert-sub-txt {
  padding: 0 15px;
  font-size: 16px !important;
  line-height: 1.2 !important;
}
@media screen and (max-width: 767px)  {
.alert-sub-txt {
  font-size: 14px !important;
}
}

/* お台場の歩き方 */
.bx-arukikata {
  background: url(../images/arukikata/title.png) no-repeat center center, url(../images/arukikata/book.png) no-repeat calc(50% + 430px) center, url(../images/arukikata/mv_bg_cover.png) center center repeat, url(../images/arukikata/mv_pc.webp) no-repeat center center;
  background-size: 540px auto, 260px auto,10px auto, cover;
}
.bx-arukikata .slider-txt-box {
  background: none;
}
@media screen and (max-width: 980px){
  .bx-arukikata {
    background: url(../images/arukikata/title_sp2.png) no-repeat center center, url(../images/arukikata/book.png) no-repeat calc(50% + 130px) center, url(../images/arukikata/mv_bg_cover.png) center center repeat, url(../images/arukikata/mv_sp.webp) no-repeat center center;
    background-size: 240px auto, 150px auto, 10px auto, cover;
  }
}


/* ============== 終了 ============== */

/* 公式Instagram開設
.bx-instagram {
  background: url(../images/top/mv_instagram02.png) no-repeat center center, url(../images/top/bg_instagram1200.webp) no-repeat center center;
  background-size: auto 360px, cover;
}
.bx-instagram .slider-txt-box {
  background: none;
}

@media screen and (max-width: 767px)  {
.bx-instagram {
  background-size: auto 160px, cover;
}
} */

/* ハロウィン2025
.bx-halloween2025 {
  background: url(../images/halloween2025/top_bg_pc.webp) no-repeat center top;
  background-size: 2000px auto;
}
.bx-halloween2025 .slider-txt-box {
  background: none;
}
@media screen and (min-width: 2000px){
.bx-halloween2025 {
  background-size: cover;
}
}
@media screen and (max-width: 839px){
.bx-halloween2025 {
  background-size: cover;
}
} */

/* summer2025 */
/* .bx-summer2025 {
  background-image: url(../images/summer2025/top_ttl_2.png), url(../images/summer2025/mv_bg_pc.png);
  background-repeat: no-repeat;
  background-position: center top 45px , center bottom;
  background-size: 500px auto, cover;
}
.bx-summer2025 .slider-txt-box {
  background: none;
}
@media screen and (max-width: 767px)  {
.bx-summer2025 {
  background-image: url(../images/summer2025/top_ttl_2.png), url(../images/summer2025/mv_bg_pc.webp);
  background-repeat: no-repeat;
  background-position: center top 43px ,center;
  background-size: 300px auto, cover;
}
}*/

/* 花見 */
/* .bx-08 {
  background-image: url(../images/top/visual_top_01_low.webp);
  background-repeat: no-repeat;
	background-position: center center;
  background-size: cover;
} */

/* チューリップ2024 */
/*.bx-tulips2025 {
  background-image: url(../images/lp_tulips2025/mv_ttl.png), url(../images/lp_tulips2025/mv.webp);
  background-repeat: no-repeat;
  background-position: center calc(50% - 20px), center top;
  background-size: 462px auto, cover;
}
.bx-tulips2025 .slider-txt-box {
  background: none;
}
@media screen and (max-width: 980px){
  .bx-tulips2025 {
    background-position: center calc(50% - 10px), center top;
    background-size: 300px auto, cover;
  }
}*/

/* 冬のイベント情報 2024 */
/*.bx-winter2024 {
  background: url(../images/winter2024/home_mv_ttl.png) no-repeat center center, url(../images/winter2024/home_mv.webp) no-repeat center center;
  background-size: 700px auto, cover;
}
.bx-winter2024 .slider-txt-box {
  background: none;
}
@media screen and (max-width: 980px){
  .bx-winter2024 {
    background: url(../images/winter2024/home_mv_ttl.png) no-repeat center center, url(../images/winter2024/home_mv.webp) no-repeat center center;
    background-size: 300px auto, cover;
  }
}*/

/* みなと祭2025 */
/*.bx-minato2025 {
  background: #1482C4 url(../images/top/mv_minato2025_pc.webp) no-repeat center center;
  background-size: auto 440px;
}
.bx-minato2025 .slider-txt-box {
  background: none;
}

@media screen and (max-width: 767px)  {
.bx-minato2025 {
  background: url(../images/top/mv_minato2025_sp.webp) no-repeat center center;
  background-size: cover;
}
}*/

/* ニジガク × テレコムセンター展望室 */
/*.bx-nijigaku2024 {
  background: url(../images/top/nijigaku_telecom_ttl_3.png)no-repeat center center,
              #429FDF url(../images/top/nijigaku_telecom_bg.webp) no-repeat center center;
  background-size: 664px auto, 2000px auto;
  position: relative;
}
.bx-nijigaku2024 .slider-txt-box {
  background: none;
}
.bx-nijigaku2024 .nijigaku2024-copy {
  font-size: 10px;
  position: absolute;
  bottom: 60px;
  left: calc(50% + 360px);
  line-height: 1;
  color: #111;
  text-shadow: 0 0 6px rgba(255,255,255,0.6);
}
@media screen and (max-width: 767px){
.bx-nijigaku2024 {
  background: url(../images/top/nijigaku_telecom_ttl_3.png)no-repeat center center,
              #429FDF url(../images/top/nijigaku_telecom_bg_sp.webp) no-repeat center center;
  background-size: 370px auto, cover;
}
}
@media screen and (max-width: 374px){
.bx-nijigaku2024 {
  background: url(../images/top/nijigaku_telecom_ttl_3.png)no-repeat center center,
              #429FDF url(../images/top/nijigaku_telecom_bg_sp.webp) no-repeat center center;
  background-size: 314px auto, cover;
}
}*/


/* レインボー花火2024_2 */
/*.bx-rainbow2024_2 {
  background: url(../images/rainbow2024/home-ttl.png) no-repeat top 10px center, black url(../images/rainbow2024/home_mv.webp) center bottom no-repeat;
  background-size: 720px auto, 1280px auto;
}
.bx-rainbow2024_2 .slider-txt-box {
  background: none;
}
@media screen and (max-width: 980px){
.bx-rainbow2024_2 {
  background: url(../images/rainbow2024/home-ttl.png) no-repeat top 10px center, black url(../images/rainbow2024/home_mv.webp) center bottom no-repeat;
  background-size: 400px auto, cover;
}
}
@media screen and (max-width: 767px){
.bx-rainbow2024_2 {
  background: url(../images/rainbow2024/home-ttl.png) no-repeat top 15px center, black url(../images/rainbow2024/home_mv.webp) center bottom no-repeat;
  background-size: 360px auto, cover;
}
}*/

/* レインボー花火2024 */
/* .bx-rainbow2024 {
  background: url(../images/rainbow2024_teaser/home-ttl.webp) no-repeat center center, #040f21 url(../images/rainbow2024_teaser/home_mv2.webp) center bottom no-repeat;
  background-size: 820px auto, 2000px auto;
}
.bx-rainbow2024 .slider-txt-box {
  background: none;
}
@media screen and (max-width: 980px){
.bx-rainbow2024 {
  background: url(../images/rainbow2024_teaser/home-ttl.webp) no-repeat center center, #040f21 url(../images/rainbow2024_teaser/home_mv2.webp) center bottom no-repeat;
  background-size: 620px auto, cover;
}
}
@media screen and (max-width: 767px){
.bx-rainbow2024 {
  background: url(../images/rainbow2024_teaser/home-ttl.webp) no-repeat center center, #040f21 url(../images/rainbow2024_teaser/home_mv2.webp) center bottom no-repeat;
  background-size: 320px auto, cover;
}
} */


/* gw2025 */
/*.bx-gw2025 {
  background: url(../images/gw2025/gw2025_logo.png) no-repeat center center, url(../images/gw2025/mv_cover.webp) no-repeat bottom center, url(../images/top/bg_dot.png) repeat left top, url(../images/gw2025/mv_top.webp) no-repeat top center, url(../images/gw2025/mv2025.webp) no-repeat center center;
  background-size: calc(300px + 10%), auto, auto, 100% auto, cover;
}
.bx-gw2025 .slider-txt-box {
  background: none;
}
@media screen and (max-width: 980px){
  .bx-gw2025 {
    background-position: top calc(50% - 10px) center, center top, left top, center top, center center;
    background-size: 300px auto, cover, auto, 100% auto, cover;
  }
}*/


/* 同日周回おすすめイベント
.bx-recommend {
  background-image: url(../images/top/bg_dot.png), url(../images/recommend/mv_2023_11.jpg);
  background-repeat: repeat, no-repeat;
	background-position: center center;
  background-size: 2px auto, cover;
}*/


/* artbay2024
.bx-artbay2024 {
  background-image: url(../images/top/artbay2024_pc.png);
  background-color: #F6F7F8;
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto 440px;
}
.bx-artbay2024 .slider-txt-box {
  background: none;
}
@media screen and (max-width: 980px){
  .bx-artbay2024 {
    background-image: url(../images/top/artbay2024_sp.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto 250px;
  }
}*/


/*
.bx-grand {
  background-image: url(../images/top/grand_cycle_logo.png), url(../images/top/grand_cycle.jpg);
  background-size: 180px auto, cover;
}
*/


/* ============== レギュラー ============== */

/* 02：定番観光コース */
.bx-02 {
  background: url(../images/course/new_sightseeing/mv_pc2.webp) no-repeat center center;
  background-size: cover;
}

/* 09：学習コース */
.bx-09 {
  background: url(../images/top/visual_top_09.webp) no-repeat center center;
  background-size: cover;
}

/* 01：LINE
.bx-01 {
  background-image: url(../images/top/LINE_txt_2021.png), url(../images/top/LINE_bg.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 697px auto, cover;
}
.bx-01 .slider-txt-box {
  background: none;
}*/
/* 01：LINE */
/* .bx-01 {
  background-size: 350px auto, cover;
} */


@media screen and (max-width: 980px) {
.wrapper-main-visual {
  height: 250px;
}

.main-slider-box li {
  height: 250px;
}
.slider-img img {
  width: 100%;
}
.slider-txt-box {
  height: 250px;
}
}
/*
@media screen and (max-width: 374px) {
.bx-01 {
  background-size: 300px auto, cover;
}
}*/

@media screen and (max-width: 767px)  {
.bx-gw2024 {
  background-size: 230px auto, cover;
}
}


/*-----------------------------------------------------------------
		ローディング
-----------------------------------------------------------------*/
.loading-box {
  position: absolute;
  margin: auto;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  border-radius: 100%;
  width: 15px;
  height: 15px;
  box-shadow: 15px 15px #4f4d49, -15px 15px #dfdfdf, -15px -15px #4f4d49, 15px -15px #dfdfdf;
  -webkit-animation: spin ease infinite 4s;
}
@-webkit-keyframes spin {
  0%,
  100% {
    box-shadow: 15px 15px #4f4d49, -15px 15px #dfdfdf, -15px -15px #4f4d49, 15px -15px #dfdfdf;
  }
  25% {
    box-shadow: -15px 15px #dfdfdf, -15px -15px #4f4d49, 15px -15px #dfdfdf, 15px 15px #4f4d49;
  }
  50% {
    box-shadow: -15px -15px #4f4d49, 15px -15px #dfdfdf, 15px 15px #4f4d49, -15px 15px #dfdfdf;
  }
  75% {
    box-shadow: 15px -15px #dfdfdf, 15px 15px #4f4d49, -15px 15px #dfdfdf, -15px -15px #4f4d49;
  }
}

/* 停止用 */
.spin-animation {
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}