/* mainvisual */
/*
.top #mainvisual {
   background: url(/movie/digimon-adventure/img/index/bg_mainvisual@2x.png);
   background-size: 100%;
   background: #ffffff;
}
*/

.top #mainvisual p {
   margin-bottom: 0;
}

.top #mainvisual .sp_mv_image {
   margin: auto;
}

/* メインビジュアルスライダー */
.swiper-pagination-bullet {
	width: 80px !important;
	height: 22px !important;
	background: #ffffff !important;
	opacity: 1 !important;
	font-size: 10px !important;
	line-height: 2em !important;
	border-radius: 0 !important;
	text-align: center;
	border: 1px solid #0672C4;
	color: #0672C4;
}
.swiper-pagination-bullet-active {
	background-color: #0672C4 !important;
	color: #ffffff !important;
}
.swiper-pagination {
	position: relative !important;
	text-align: center !important;
	padding: 20px 0 30px !important;
}

.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
	height: 0px;
}

/* movie */
.top #movie {
   background: url(/movie/digimon-adventure/img/index/sp-bg_movie.png);
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center center;
}

.top #movie .movie_inner {
   width: 94%;
   margin: auto;
}

.top #movie h1 img {
   width: 100%;
}

/* news */
.top #news {
   background: url(/movie/digimon-adventure/img/index/sp-bg_news01@2x.png), url(/movie/digimon-adventure/img/index/sp-bg_news02@2x.png);
   background-repeat: no-repeat;
   background-position: top center, bottom center;
   background-size: 100% auto, 100% auto;
}

.top #news #news_inner .flex {
   width: 94%;
}


/* banner */
.top #banner .swiper--wrapper {
   width: 100%;
   height: 230px;
}

.top #banner .swiper-slide {
   color: #ffffff;
   width: 47% !important;
   height: 100%;
   text-align: center;
   margin: 4% 1% !important;
}

.top #banner .swiper-wrapper {
   margin: auto;
}

.top #banner .common_inner {
   display: flex;
   justify-content: center;
}

.top #banner .bnr_list {
   width: 45%;
   max-width: 407px;
   margin: 1.25em 0.625em;
}


/* movie */
.top #movie .swiper-slide {
   width: 95% !important;
   margin: 0 2%;
}

.top #movie .js_movie_banner_swiper {
   margin-bottom: 2.5em;
}



.contents .primary h1 {
   font-size: 2.143em !important;
}


@media screen and (min-width: 960px) {
/*
   .top #mainvisual {
      background: url(/movie/digimon-adventure/img/index/bg_mainvisual@2x.png);
      background-size: cover;
   }
*/

   .top #mainvisual .pc_mv_image {
      object-fit: contain;
      width: 100%;
      margin: auto;
   }

   .top #banner .swiper-slide {
      width: 29% !important;
   }

   .top #banner .swiper-wrapper {
      justify-content: center;
      width: 92%;
   }

   .top #movie .movie_inner {
      width: 84%;
   }

   .top #movie {
      background: url(/movie/digimon-adventure/img/index/bg_movie.png);
      background-size: 100%;
   }

   .top #movie .swiper-slide {
      width: 71% !important;
   }

   .top #movie .js_movie_banner_swiper {
      margin-bottom: 5em;
   }

   .top #news #news_inner .tab-group {
      justify-content: end;
   }

   .top #news {
      background: url(/movie/digimon-adventure/img/index/bg_news01@2x.png), url(/movie/digimon-adventure/img/index/bg_news02@2x.png);
      background-repeat: no-repeat;
      background-position: top center, bottom center;
      background-size: 100% auto, 100% auto;
      padding: 10% 0;
   }

   .top #news h1 {
      width: 120px;
   }

   .top #news #news_inner .tab-group {
      margin-bottom: 0;
   }

   .top #news_inner {
      width: 84%;
   }

   .top #movie .movie_inner,
   .top #news_inner,
   #footer_inner {
      max-width: 1200px;
   }

   .top #banner .bnr_list {
      width: 28%;
      margin: 3.714em 1.071em;
   }

   .contents .primary h1 {
      font-size: 2.857em !important;
      text-align: left;
   }

   .nav_top_active {
      color: #0272C4 !important;
   }

   .nav_top_active::after {
      transform: scale(1, 1) !important;
   }
   
	/* メインビジュアルスライダー */
   .swiper-pagination {
	   bottom: 4vw !important;
		text-align: left !important;
		padding: 0 0 0 10px !important;
	}

}