@charset "utf-8";
/* ==========================================================
	bg
========================================================== */
#gallery.movie #bg {
	background-image: url(https://media.spike-chunsoft.co.jp/pages/witcher3/images/gallery/bg01.jpg);
}

#gallery.screenshot #bg {
	background-image: url(https://media.spike-chunsoft.co.jp/pages/witcher3/images/gallery/bg02.jpg);
}

#gallery.artwork #bg {
	background-image: url(https://media.spike-chunsoft.co.jp/pages/witcher3/images/gallery/bg03.jpg);
}

/* ==========================================================
	main
========================================================== */
#gallery.movie #wrapper #main {
	height: 2660px;
}

#gallery #wrapper #main .inner {
	position: relative;
	width: 1100px;
	height: 100%;
 	margin: 0 auto;
 	padding-top: 100px;
}

#gallery.movie #wrapper #main .contents-list {
	margin: 0px 0 40px -41px;
}

#gallery.movie #wrapper #main .contents-list:last-child {
	margin-bottom: 0;
}

#gallery.movie #wrapper #main li {
	float: left;
	margin: 0 0 59px 40px;
}

#gallery.movie #wrapper #main li a {
	display: block;
	width: 340px;
	height: 114px;
	padding-top: 60px;
	margin-bottom: 3px;
}

#gallery.movie #wrapper #main li a img {
	margin-left: 139px;
}

#gallery.movie #wrapper #main li .contents01 {
	background: url(https://media.spike-chunsoft.co.jp/pages/witcher3/images/gallery/img_video01.png) no-repeat;
}
#gallery.movie #wrapper #main li .contents02 {
  background: url(https://media.spike-chunsoft.co.jp/pages/witcher3/images/gallery/img_video02.png) no-repeat;
}
#gallery.movie #wrapper #main li .contents03 {
  background: url(https://media.spike-chunsoft.co.jp/pages/witcher3/images/gallery/img_video03.png) no-repeat;
}
#gallery.movie #wrapper #main li .contents04 {
  background: url(https://media.spike-chunsoft.co.jp/pages/witcher3/images/gallery/img_video04.png) no-repeat;
}
#gallery.movie #wrapper #main li .contents05 {
  background: url(https://media.spike-chunsoft.co.jp/pages/witcher3/images/gallery/img_video05.png) no-repeat;
}
#gallery.movie #wrapper #main li .contents06 {
  background: url(https://media.spike-chunsoft.co.jp/pages/witcher3/images/gallery/img_video06.png) no-repeat;
}
#gallery.movie #wrapper #main li .contents07 {
  background: url(https://media.spike-chunsoft.co.jp/pages/witcher3/images/gallery/img_video07.png) no-repeat;
}
#gallery.movie #wrapper #main li .contents08 {
  background: url(https://media.spike-chunsoft.co.jp/pages/witcher3/images/gallery/img_video08.png) no-repeat;
}
#gallery.movie #wrapper #main li .contents09 {
  background: url(https://media.spike-chunsoft.co.jp/pages/witcher3/images/gallery/img_video09.png) no-repeat;
}
#gallery.movie #wrapper #main li .contents10 {
  background: url(https://media.spike-chunsoft.co.jp/pages/witcher3/images/gallery/img_video10.png) no-repeat;
}
#gallery.movie #wrapper #main li .contents11 {
  background: url(https://media.spike-chunsoft.co.jp/pages/witcher3/images/gallery/img_video11.png) no-repeat;
}
#gallery.movie #wrapper #main li .contents12 {
  background: url(https://media.spike-chunsoft.co.jp/pages/witcher3/images/gallery/img_video12.png) no-repeat;
}
#gallery.movie #wrapper #main li .contents13 {
  background: url(https://media.spike-chunsoft.co.jp/pages/witcher3/images/gallery/img_video13.png) no-repeat;
}
#gallery.movie #wrapper #main li .contents14 {
  background: url(https://media.spike-chunsoft.co.jp/pages/witcher3/images/gallery/img_video14.png) no-repeat;
}
#gallery.movie #wrapper #main li .contents15 {
	background: url(https://media.spike-chunsoft.co.jp/pages/witcher3/images/gallery/img_video15.png) no-repeat;
}
#gallery.movie #wrapper #main li .contents16 {
  background: url(https://media.spike-chunsoft.co.jp/pages/witcher3/images/gallery/img_video16.png) no-repeat;
}
#gallery.movie #wrapper #main li .contents17 {
  background: url(https://media.spike-chunsoft.co.jp/pages/witcher3/images/gallery/img_video17.png) no-repeat;
}
#gallery.movie #wrapper #main li .contents18 {
  background: url(https://media.spike-chunsoft.co.jp/pages/witcher3/images/gallery/img_video18.png) no-repeat;
}
#gallery.movie #wrapper #main li .contents19 {
  background: url(https://media.spike-chunsoft.co.jp/pages/witcher3/images/gallery/img_video19.png) no-repeat;
}
#gallery.movie #wrapper #main li .contents20 {
  background: url(https://media.spike-chunsoft.co.jp/pages/witcher3/images/gallery/img_video20.png) no-repeat;
}
#gallery.movie #wrapper #main li .contents21 {
  background: url(https://media.spike-chunsoft.co.jp/pages/witcher3/images/gallery/img_video21.png) no-repeat;
}
#gallery.movie #wrapper #main li .contents22 {
  background: url(https://media.spike-chunsoft.co.jp/pages/witcher3/images/gallery/img_video22.png) no-repeat;
}
#gallery.movie #wrapper #main li .contents23 {
  background: url(https://media.spike-chunsoft.co.jp/pages/witcher3/images/gallery/img_video23.png) no-repeat;
}
#gallery.movie #wrapper #main li .contents24 {
  background: url(https://media.spike-chunsoft.co.jp/pages/witcher3/images/gallery/img_video24.png) no-repeat;
}
#gallery.movie #wrapper #main li .contents25 {
  background: url(https://media.spike-chunsoft.co.jp/pages/witcher3/images/gallery/img_video25.png) no-repeat;
}
#gallery.movie #wrapper #main li .contents26 {
  background: url(https://media.spike-chunsoft.co.jp/pages/witcher3/images/gallery/img_video26.png) no-repeat;
}

/* ==========================================================
  ギャラリーサブナビゲーション
========================================================== */
.sub-gallery-navi {
  position: relative;
  width: 100%;
  min-width: 1100px;
  height: 33px;
  z-index: 888;
  overflow: hidden;
}

.sub-gallery-navi .bg-gallery-navi {
  position: absolute;
  width: 100%;
  height: 100%;
  background: #000000;
  opacity: 0.4;
  filter: alpha(opacity=40);
}

.sub-gallery-navi ul {
  position: relative;
  width: 352px;
  min-width: 352px;
  height: 33px;
  margin: 0 auto;
}

.sub-gallery-navi ul li {
	position: relative;
	float: left;
}

.sub-gallery-navi ul li a {
	display: block;
}


/* ==========================================================
  screenshot
========================================================== */
#gallery.screenshot #wrapper #main {
  height: 2000px;
}
body.screenshot .thumbnail-list,
body.artwork .thumbnail-list {
  overflow: hidden;
  margin-left: -20px;
  width: 1145px;
}
body.screenshot .thumbnail-list li,
body.artwork .thumbnail-list li {
  float: left;
  background: url(https://media.spike-chunsoft.co.jp/pages/witcher3/images/gallery/bg_thumbnail.png) no-repeat 0 0;
  padding: 11px 35px;
  margin: 0 20px 40px;
}