/* ==========================================================================
   Index
   ========================================================================== */
/* mainvisual
   ========================================================================== */

#mainvisual {
	position: relative;
	width: 100%;
	height: 840px;
}
#mainvisual .swiper-container{
	width: 100%;
	height: 840px;
}
#mainvisual .swiper-box {
	position: relative;
	width: 100%;
	height: 840px;
	overflow: hidden;
}
#mainvisual .img {
	left: 50%;
	position: absolute;
	top: 50%;
}
#mainvisual .img img {
	transform: translate(-50%,-50%);
}

#topcontents {
	height: 500px;
}

/* Swiper
   ========================================================================== */

#mainvisual .swiper-pagination-bullets {
	bottom: 40px!important;
}

#mainvisual .swiper-pagination-bullet {
	width: 10px!important;
	height: 10px!important;
	background-color: #808080!important;
	opacity: 1.0!important;
	margin: 0px 50px!important;
}

#mainvisual .swiper-pagination-bullet-active {
	background-color: #000000!important;
}

/* simply-scroll
   ========================================================================== */
.simply-scroll-clip {
  overflow: hidden;
  position: relative;
}
.main-visual_scroll {
  overflow: hidden;
  zoom: 1;
  margin: 0 -130px 0 -40px;
  padding: 0;
  height: 200px;
}
.main-visual_scroll > li {
  float: left;
  margin-left: 0px;
  list-style: none;
}
.main-visual_scroll > li img {
  display: block;
}
.simply-scroll-list {
  margin: 0;
  height: auto;
}
.banner {
	width: 962px;
	margin: 0px auto;
}