@charset "UTF-8";
/*
*******************************************************************************************************
# stylesheet
*******************************************************************************************************
*/
.all-wrapper {
  position: relative;
  width: 100%;
  min-width: 1000px;
  background-color: #0a0c0f;
}

.wrp-all-contents {
  display: none;
}

.wrp-all-header-nav {
  opacity: 0;
  -ms-filter: "alpha(opacity=0)";
  /* ie 8 */
  visibility: hidden;
}

/* --------------------------------------------------
		ヘッダーナビ
-------------------------------------------------- */
.wrp-all-header-nav {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  min-width: 1000px;
  padding-bottom: 31px;
  z-index: 9999;
}

.wrp-header-nav {
  height: 60px;
  background-image: url(../img/bg_nav_pattern.png);
  background-repeat: repeat;
  background-position: 0 0;
  border-bottom: 2px solid rgba(255, 0, 0, 0.7);
  border-bottom: 2px solid #d91c2e;
  box-shadow: 0 0 10px 4px rgba(130, 14, 6, 0.7);
  
}
.wrp-header-nav .area-nav {
  position: relative;
  width: 1000px;
  margin: 0 auto;
  
}
.wrp-header-nav .logo {
  position: absolute;
  left: 20px;
  top: 11px;
}
.wrp-header-nav .nav-lists {
  *zoom: 1;
	width: 466px;
	margin-left: 215px;
	padding-top: 11px;


}
.wrp-header-nav .nav-lists:before, .wrp-header-nav .nav-lists:after {
  content: "";
  display: table;
}
.wrp-header-nav .nav-lists:after {
  clear: both;
}
.wrp-header-nav .nav-lists li {
  float: left;
  margin-left: 22px;
}
.wrp-header-nav .nav-lists li:first-child {
  margin-left: 0;
}


/* --------------------------------------------------
		メインビジュアル部分
-------------------------------------------------- */
.wrp-head {
  position: relative;
  min-width: 1000px;
  background-image: url(../img/con1/bg_2.jpg);
  background-size: 2000px 800px;
  background-repeat: no-repeat;
  background-position: center 0;
}
.wrp-head .bg-head {
  position: relative;
  height: 1461px;
  background-image: url(../img/con1/bg_bottom_base.png);
  background-size: 2000px 662px;
  background-repeat: no-repeat;
  background-position: center bottom;
  z-index: 500;
}
.wrp-head .bg-grade {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1462px;
  background-image: url(../img/bg_side_grade.png);
  background-size: 2000px 173px;
  background-repeat: repeat-y;
  background-position: center 0;
  z-index: 600;
}
.wrp-head .gafu-contents {
  position: absolute;
  width: 100%;
  height: 800px;
  overflow: hidden;
}
.wrp-head .gafu-contents .gafu-base, .wrp-head .gafu-contents .grade-borer-wrp, .wrp-head .gafu-contents .gafu-front {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -1000px;
}
.wrp-head .gafu-contents .gafu-base.type1 {
  margin-left: -1000px;
}
.wrp-head .gafu-contents .img-gafu {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -700px;
}
.wrp-head .gafu-contents .area-grade-borer .grade-border {
  position: absolute;
  left: 50%;
  top: -200px;
  margin-left: -500px;
  opacity: 0;
}
.wrp-head .head-inner {
  position: relative;
  padding-bottom: 544px;
  height: 800px;
  margin: 0 auto;
}
.wrp-head .head-inner .head-block {
  position: absolute;
  width: 1000px;
  height: 800px;
  left: 50%;
  margin-left: -500px;
}
.wrp-head .head-inner .emg-contents {
  width: 100%;
  position: absolute;
  overflow: hidden;
  height: 119px;
  left: 0;
  bottom: 551px;
}
.wrp-head .head-inner .area-emg {
  position: absolute;
  left: 50%;
  height: 119px;
  top: 0;
  margin-left: -500px;
  width: 1000px;
}
.wrp-head .head-inner .area-emg .emg-parts {
  position: absolute;
  top: 0;
  opacity: 0;
}
.wrp-head .head-inner .area-emg .emg-parts.parts1 {
  left: 11px;
}
.wrp-head .head-inner .area-emg .emg-parts.parts2 {
  left: 407px;
}
.wrp-head .head-inner .area-emg .emg-parts.parts3 {
  left: 528px;
}
.wrp-head .head-inner .area-emg .emg-parts.parts4 {
  left: 596px;
}
.wrp-head .head-inner .area-emg .emg-parts.parts5 {
  left: 713px;
}
.wrp-head .head-inner .area-emg .emg-parts.parts6 {
  left: 923px;
}
.wrp-head .head-inner .area-emg .emg-parts.parts7 {
  left: 1192px;
}
.wrp-head .head-inner .area-emg .emg-parts.parts8 {
  left: 1123px;
}
.wrp-head .head-inner .area-flash-emg {
  width: 100%;
  position: absolute;
  overflow: hidden;
  height: 119px;
  left: 0;
  bottom: 551px;
}
.wrp-head .head-inner .area-flash-emg .flash-emg {
  position: absolute;
  top: 31px;
  opacity: 0;
}
.wrp-head .head-inner .area-flash-emg .flash-emg.parts2 {
  top: 0;
  left: 1123px;
}
.wrp-head .head-inner .area-flash-emg .flash-emg.parts1 {
  left: 1192px;
}
.wrp-head .head-inner .area-flash-emg .flash-emg.parts3 {
  left: 1000px;
}
.wrp-head .head-inner .evabody-contents {
  position: relative;
}
.wrp-head .head-inner .evabody-contents .eva-parts {
  position: absolute;
  width: 100%;
  overflow: hidden;
  height: 702px;
}
.wrp-head .head-inner .evabody-contents .eva-parts img {
  position: absolute;
  top: 30px;
  left: 50%;
  margin-left: -575px;
  width: 1150px;
  opacity: 0;
}
.wrp-head .head-inner .rock-contents {
  position: absolute;
  height: 688px;
  width: 100%;
  overflow: hidden;
  top: 27px;
  left: 0;
}
.wrp-head .head-inner .rock-contents .rock-parts {
  position: absolute;
  left: 50%;
  margin-left: -640px;
  opacity: 0;
}
.wrp-head .head-inner .rock-contents .rock-parts.parts1 {
  top: 115px;
}
.wrp-head .head-inner .rock-contents .rock-parts.parts2 {
  top: 120px;
}
.wrp-head .head-inner .rock-contents .rock-parts.parts3 {
  top: 117px;
}
.wrp-head .head-inner .gamemachine-contents {
  position: absolute;
  top: 0;
  left: 0;
}
.wrp-head .head-inner .gamemachine-contents .machine-parts {
  position: absolute;
  top: 210px;
  left: 581px;
  opacity: 0;
}
.wrp-head .head-inner .logo {
  position: absolute;
  top: 347px;
  left: 36px;
}
.wrp-head .head-inner .logo .logo-in {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.wrp-head .head-inner .logo .logo-in.normal {
  opacity: 0;
}
.wrp-head .head-inner .logo .logo-in.avtive {
  opacity: 0;
}
.wrp-head .head-inner .btn-scroll {
  position: absolute;
  display: inline-block;
  top: 699px;
  left: 50%;
  margin-left: -45px;
  opacity: 0;
}
.wrp-head .bg-bottom-box {
  position: absolute;
  width: 100%;
  overflow: hidden;
  height: 662px;
  bottom: 0;
  opacity: 0;
}
.wrp-head .bg-bottom-em {
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -1000px;
}

/* --------------------------------------------------
        各section共通
-------------------------------------------------- */
.bg-wrp-section .bg-contents {
  position: relative;
  top: -662px;
  background-image: url(../img/bg_side_grade.png);
  background-size: 2000px 173px;
  background-repeat: repeat-y;
  background-position: center 0;
}
.bg-wrp-section .contents-main-video {
  position: absolute;
  top: 0;
  width: 100%;
  left: 0;
}
.bg-wrp-section .contents-main-video .inner {
  text-align: center;
}
.bg-wrp-section .contents-main-video .front-movie {
  position: absolute;
  top: 0;
  left: 0;
}

.wrp-section {
  position: relative;
  margin: 0 auto;
}

.wrp-section-contens {
  position: absolute;
  width: 100%;
  overflow: hidden;
  top: 0;
  left: 0;
}
.wrp-section-contens .con-ttl {
  position: absolute;
  top: 441px;
  width: 1000px;
  left: 50%;
  margin-left: -500px;
}
.wrp-section-contens .area-contents {
  position: absolute;
  top: 570px;
  left: 0;
  width: 100%;
}
.wrp-section-contens .area-contents .area-contents-inner {
  width: 1000px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -500px;
}

.contents-main-video .bg-grade {
  position: absolute;
  width: 100%;
  height: 786px;
  overflow: hidden;
  background-image: url(../img/bg_side_grade.png);
  background-size: 2000px 173px;
  background-repeat: repeat-y;
  background-position: center 0;
}
.contents-main-video .bg-grade .inner {
  position: absolute;
  margin-left: -640px;
  left: 50%;
}

/* --------------------------------------------------
        section1 特徴
-------------------------------------------------- */
.bg-wrp-section.section1 {
  position: relative;
  height: 1014px;
  padding-bottom: 696px;
  background-image: url(../img/con2/bg_bottom.png);
  background-size: 2000px 696px;
  background-repeat: no-repeat;
  background-position: center bottom;
  z-index: 50;
}
.bg-wrp-section.section1 .contents-main-video {
  height: 786px;
  background-image: url(../img/con2/bg_movie.jpg);
  background-size: 2000px 786px;
  background-repeat: no-repeat;
  background-position: center 0;
  background-color: #0a0c0f;
}
.bg-wrp-section.section1 .contents-main-video .bg-grade {
  padding-top: 236px;
}
.bg-wrp-section.section1 .bg-contents {
  position: relative;
  height: 1677px;
  top: -662px;
}
.bg-wrp-section.section1 .wrp-section-contens {
  height: 2253px;
}
.bg-wrp-section.section1 .wrp-section-contens .area-contents .area-contents-inner {
  padding-top: 52px;
  margin-left: -640px;
  width: auto;
}
.bg-wrp-section.section1 .wrp-section .contents-main-video {
  padding-top: 144px;
}
.bg-wrp-section.section1 .wrp-section .con-ttl {
  text-align: right;
  top: 441px;
}
.bg-wrp-section.section1 .wrp-section .box-view02 .lists {
  *zoom: 1;
}
.bg-wrp-section.section1 .wrp-section .box-view02 .lists:before, .bg-wrp-section.section1 .wrp-section .box-view02 .lists:after {
  content: "";
  display: table;
}
.bg-wrp-section.section1 .wrp-section .box-view02 .lists:after {
  clear: both;
}
.bg-wrp-section.section1 .wrp-section .box-view02 .lists li {
  float: left;
}
.bg-wrp-section.section1 .front-spear {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 695px;
  overflow: hidden;
  z-index: 600;
}
.bg-wrp-section.section1 .front-spear p {
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -1000px;
}

/* --------------------------------------------------
        section2 ゲームフロー
-------------------------------------------------- */
.bg-wrp-section.section2 {
  position: relative;
  height: 1474px;
  padding-bottom: 694px;
  background-image: url(../img/con3/bg_bottom.png);
  background-size: 2000px 694px;
  background-repeat: no-repeat;
  background-position: center bottom;
  z-index: 45;
}
.bg-wrp-section.section2 .contents-main-video {
  height: 786px;
  background-image: url(../img/con3/bg_movie.jpg);
  background-size: 2000px 786px;
  background-repeat: no-repeat;
  background-position: center bottom;
  background-color: #0a0c0f;
}
.bg-wrp-section.section2 .contents-main-video .bg-grade {
  padding-top: 270px;
}
.bg-wrp-section.section2 .bg-contents {
  height: 2203px;
  top: -696px;
}
.bg-wrp-section.section2 .wrp-section-contens {
  height: 2051px;
  padding-bottom: 694px;
}
.bg-wrp-section.section2 .wrp-section .con-ttl {
  top: 445px;
  margin-left: -456px;
}
.bg-wrp-section.section2 .wrp-section .area-contents {
  height: 1625px;
  background-image: url(../img/con3/bg_contents_img.png);
  background-size: 1278px 941px;
  background-repeat: no-repeat;
  background-position: center 88px;
}
.bg-wrp-section.section2 .wrp-section .area-contents .area-contents-inner {
  padding-top: 90px;
}
.bg-wrp-section.section2 .wrp-section .area-contents .box-first-view, .bg-wrp-section.section2 .wrp-section .area-contents .box-view02 {
  text-align: center;
}
.bg-wrp-section.section2 .wrp-section .area-contents .box-view02 {
  position: relative;
}
.bg-wrp-section.section2 .wrp-section .area-contents .btn-art {
  position: absolute;
  top: 229px;
  left: 45px;
}
.bg-wrp-section.section2 .wrp-section .area-contents .btn-bonus {
  position: absolute;
  top: 447px;
  right: 45px;
}
.bg-wrp-section.section2 .wrp-section .area-contents .btn-impact {
  position: absolute;
  top: 1337px;
  left: 220px;
}

/* --------------------------------------------------
        section3 スペック
-------------------------------------------------- */
.bg-wrp-section.section3 {
  position: relative;
  height: 541px;
  padding-bottom: 688px;
  background-image: url(../img/con4/bg_bottom.png);
  background-size: 2000px 688px;
  background-repeat: no-repeat;
  background-position: center bottom;
  z-index: 30;
}
.bg-wrp-section.section3 .contents-main-video {
  height: 809px;
  background-image: url(../img/con4/bg_movie.jpg);
  background-size: 2000px 809px;
  background-repeat: no-repeat;
  background-position: center 0;
  background-color: #0a0c0f;
}
.bg-wrp-section.section3 .contents-main-video .bg-grade {
  padding-top: 259px;
}
.bg-wrp-section.section3 .bg-contents {
  position: relative;
  height: 1224px;
  top: -662px;
}
.bg-wrp-section.section3 .wrp-section-contens {
  height: 1231px;
  padding-bottom: 547px;
}
.bg-wrp-section.section3 .wrp-section .contents-main-video {
  padding-top: 206px;
}
.bg-wrp-section.section3 .wrp-section .con-ttl {
  top: 468px;
  text-align: right;
  margin-left: -520px;
}
.bg-wrp-section.section3 .wrp-section .box-view02 .lists {
  *zoom: 1;
}
.bg-wrp-section.section3 .wrp-section .box-view02 .lists:before, .bg-wrp-section.section3 .wrp-section .box-view02 .lists:after {
  content: "";
  display: table;
}
.bg-wrp-section.section3 .wrp-section .box-view02 .lists:after {
  clear: both;
}
.bg-wrp-section.section3 .wrp-section .box-view02 .lists li {
  float: left;
}
.bg-wrp-section.section3 .front-spear {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 572px;
  overflow: hidden;
  z-index: 600;
}
.bg-wrp-section.section3 .front-spear p {
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -1000px;
}
.bg-wrp-section.section3 .area-contents {
  margin-top: 92px;
  text-align: center;
}
.bg-wrp-section.section3 .area-contents .block-contents {
  width: 1000px;
  margin: 0 auto;
  *zoom: 1;
}
.bg-wrp-section.section3 .area-contents .block-contents:before, .bg-wrp-section.section3 .area-contents .block-contents:after {
  content: "";
  display: table;
}
.bg-wrp-section.section3 .area-contents .block-contents:after {
  clear: both;
}
.bg-wrp-section.section3 .area-contents .tab-contens {
  position: absolute;
  top: 0;
  left: 20px;
}
.bg-wrp-section.section3 .area-contents .box-left {
  position: relative;
  float: left;
  width: 740px;
}
.bg-wrp-section.section3 .area-contents .box-right {
  float: right;
  width: 187px;
  margin-right: 20px;
}
.bg-wrp-section.section3 .area-contents .box-right .first-lists {
  padding: 21px 24px 40px 18px;
  background-image: url(../img/con4/bg_first_lists.png);
  background-size: 187px 405px;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.bg-wrp-section.section3 .area-contents .box-right .first-lists li {
  width: 155px;
  height: 66px;
  margin-top: 20px;
  background-size: 155px 66px;
  background-position: 0 0;
  background-repeat: no-repeat;
}
.bg-wrp-section.section3 .area-contents .box-right .first-lists li a {
  display: block;
  width: 155px;
  height: 66px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
.bg-wrp-section.section3 .area-contents .box-right .first-lists li.list01 {
  background-image: url(../img/con4/btn_list01_1.png);
}
.bg-wrp-section.section3 .area-contents .box-right .first-lists li.list01:hover, .bg-wrp-section.section3 .area-contents .box-right .first-lists li.list01.active {
  background-image: url(../img/con4/btn_list01_2.png);
}
.bg-wrp-section.section3 .area-contents .box-right .first-lists li.list02 {
  background-image: url(../img/con4/btn_list02_1.png);
}
.bg-wrp-section.section3 .area-contents .box-right .first-lists li.list02:hover, .bg-wrp-section.section3 .area-contents .box-right .first-lists li.list02.active {
  background-image: url(../img/con4/btn_list02_2.png);
}
.bg-wrp-section.section3 .area-contents .box-right .first-lists li.list03 {
  background-image: url(../img/con4/btn_list03_1.png);
}
.bg-wrp-section.section3 .area-contents .box-right .first-lists li.list03:hover, .bg-wrp-section.section3 .area-contents .box-right .first-lists li.list03.active {
  background-image: url(../img/con4/btn_list03_2.png);
}
.bg-wrp-section.section3 .area-contents .box-right .first-lists li.list04 {
  background-image: url(../img/con4/btn_list04_1.png);
}
.bg-wrp-section.section3 .area-contents .box-right .first-lists li.list04:hover, .bg-wrp-section.section3 .area-contents .box-right .first-lists li.list04.active {
  background-image: url(../img/con4/btn_list04_2.png);
}
.bg-wrp-section.section3 .area-contents .box-right .second-lists {
  margin-top: 35px;
  padding: 35px 14px 35px 18px;
  background-image: url(../img/con4/bg_second_lists.png);
  background-size: 187px 137px;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.bg-wrp-section.section3 .area-contents .box-right .second-lists li {
  width: 155px;
  height: 66px;
}
.bg-wrp-section.section3 .area-contents .box-right .second-lists li a {
  display: block;
  width: 155px;
  height: 66px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
.bg-wrp-section.section3 .area-contents .box-right .second-lists li.list05 {
  background-image: url(../img/con4/btn_list05_1.png);
}
.bg-wrp-section.section3 .area-contents .box-right .second-lists li.list05:hover, .bg-wrp-section.section3 .area-contents .box-right .second-lists li.list05.active {
  background-image: url(../img/con4/btn_list05_2.png);
}

/* --------------------------------------------------
        section4 演出
-------------------------------------------------- */
.bg-wrp-section.section4 {
  position: relative;
  height: 448px;
  padding-bottom: 796px;
  background-image: url(../img/con5/bg_bottom.png);
  background-size: 2000px 796px;
  background-repeat: no-repeat;
  background-position: center bottom;
  z-index: 25;
}
.bg-wrp-section.section4 .contents-main-video {
  height: 787px;
  background-image: url(../img/con5/bg_movie.jpg);
  background-size: 2000px 787px;
  background-repeat: no-repeat;
  background-position: center 0;
  background-color: #0a0c0f;
}
.bg-wrp-section.section4 .contents-main-video .bg-grade {
  padding-top: 237px;
}
.bg-wrp-section.section4 .bg-contents {
  position: relative;
  height: 1238px;
  top: -662px;
}
.bg-wrp-section.section4 .wrp-section-contens {
  height: 1332px;
  padding-bottom: 459px;
}
.bg-wrp-section.section4 .wrp-section .contents-main-video {
  padding-top: 206px;
}
.bg-wrp-section.section4 .wrp-section .con-ttl {
  top: 417px;
  margin-left: -453px;
}
.bg-wrp-section.section4 .wrp-section .box-view02 .lists {
  *zoom: 1;
}
.bg-wrp-section.section4 .wrp-section .box-view02 .lists:before, .bg-wrp-section.section4 .wrp-section .box-view02 .lists:after {
  content: "";
  display: table;
}
.bg-wrp-section.section4 .wrp-section .box-view02 .lists:after {
  clear: both;
}
.bg-wrp-section.section4 .wrp-section .box-view02 .lists li {
  float: left;
}
.bg-wrp-section.section4 .front-spear {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 550px;
  overflow: hidden;
  z-index: 600;
}
.bg-wrp-section.section4 .front-spear p {
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -1000px;
}
.bg-wrp-section.section4 .area-contents {
  text-align: center;
}
.bg-wrp-section.section4 .area-contents .area-contents-inner {
  margin-top: 56px;
}
.bg-wrp-section.section4 .area-contents .block-contents {
  width: 1000px;
  margin: 0 auto;
  *zoom: 1;
}
.bg-wrp-section.section4 .area-contents .block-contents:before, .bg-wrp-section.section4 .area-contents .block-contents:after {
  content: "";
  display: table;
}
.bg-wrp-section.section4 .area-contents .block-contents:after {
  clear: both;
}
.bg-wrp-section.section4 .area-contents .tab-contens {
  position: absolute;
  top: 0;
  left: 20px;
}
.bg-wrp-section.section4 .area-contents .box-right {
  position: relative;
  float: right;
  width: 750px;
  margin-right: 27px;
}
.bg-wrp-section.section4 .area-contents .box-left {
  float: left;
  width: 188px;
  margin-left: 20px;
}
.bg-wrp-section.section4 .area-contents .box-left .list-ttl {
  margin-bottom: 7px;
}
.bg-wrp-section.section4 .area-contents .box-left .box-first-lists {
  padding: 28px 10px 28px 9px;
  background-image: url(../img/con5/bg_first_lists.png);
  background-size: 188px 358px;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.bg-wrp-section.section4 .area-contents .box-left .box-first-lists li {
  width: 169px;
  height: 85px;
  background-size: 169px 85px;
  background-position: 0 0;
  background-repeat: no-repeat;
}
.bg-wrp-section.section4 .area-contents .box-left .box-first-lists li a {
  display: block;
  width: 169px;
  height: 85px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
.bg-wrp-section.section4 .area-contents .box-left .box-first-lists li.list01 {
  background-image: url(../img/con5/btn_list01_1.png);
}
.bg-wrp-section.section4 .area-contents .box-left .box-first-lists li.list01:hover, .bg-wrp-section.section4 .area-contents .box-left .box-first-lists li.list01.active {
  background-image: url(../img/con5/btn_list01_2.png);
}
.bg-wrp-section.section4 .area-contents .box-left .box-first-lists li.list02 {
  background-image: url(../img/con5/btn_list02_1.png);
}
.bg-wrp-section.section4 .area-contents .box-left .box-first-lists li.list02:hover, .bg-wrp-section.section4 .area-contents .box-left .box-first-lists li.list02.active {
  background-image: url(../img/con5/btn_list02_2.png);
}
.bg-wrp-section.section4 .area-contents .box-left .box-first-lists li.list03 {
  background-image: url(../img/con5/btn_list03_1.png);
}
.bg-wrp-section.section4 .area-contents .box-left .box-first-lists li.list03:hover, .bg-wrp-section.section4 .area-contents .box-left .box-first-lists li.list03.active {
  background-image: url(../img/con5/btn_list03_2.png);
}
.bg-wrp-section.section4 .area-contents .box-left .box-second-lists {
  margin-top: 25px;
  padding: 28px 10px 34px 9px;
  background-image: url(../img/con5/bg_second_lists.png);
  background-size: 188px 185px;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.bg-wrp-section.section4 .area-contents .box-left .box-second-lists li {
  width: 169px;
  height: 85px;
  background-size: 169px 85px;
  background-position: 0 0;
  background-repeat: no-repeat;
}
.bg-wrp-section.section4 .area-contents .box-left .box-second-lists li a {
  display: block;
  width: 169px;
  height: 85px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
.bg-wrp-section.section4 .area-contents .box-left .box-second-lists li.list04 {
  background-image: url(../img/con5/btn_list04_1.png);
}
.bg-wrp-section.section4 .area-contents .box-left .box-second-lists li.list04:hover, .bg-wrp-section.section4 .area-contents .box-left .box-second-lists li.list04.active {
  background-image: url(../img/con5/btn_list04_2.png);
}

/* --------------------------------------------------
        section5 筐体
-------------------------------------------------- */
.bg-wrp-section.section5 {
  position: relative;
  height: 1405px;
  padding-bottom: 663px;
  background-image: url(../img/con6/bg_bottom.png);
  background-size: 2000px 663px;
  background-repeat: no-repeat;
  background-position: center bottom;
  z-index: 20;
}
.bg-wrp-section.section5 .contents-main-video {
  height: 1986px;
  background-image: url(../img/con6/bg_movie_2.jpg);
  background-size: 2000px 1986px;
  background-repeat: no-repeat;
  background-position: center 0;
}
.bg-wrp-section.section5 .contents-main-video .bg-grade {
  padding-top: 200px;
  height: 1441px;
}
.bg-wrp-section.section5 .bg-empty {
  position: absolute;
  width: 100%;
  overflow: hidden;
  height: 700px;
  bottom: 663px;
}
.bg-wrp-section.section5 .bg-empty p {
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -1000px;
  width: 2000px;
  height: 630px;
}
.bg-wrp-section.section5 .box-bg-video {
  position: absolute;
  width: 100%;
  overflow: hidden;
  height: 630px;
  bottom: 522px;
}
.bg-wrp-section.section5 .box-bg-video .box-bg-video-in {
  position: absolute;
  left: 50%;
  margin-left: -640px;
  bottom: 0;
}
.bg-wrp-section.section5 .box-bg-video .video-in-front {
  position: absolute;
  top: 0;
  left: 0;
}
.bg-wrp-section.section5 .bg-contents {
  position: relative;
  height: 1960px;
  top: -662px;
}
.bg-wrp-section.section5 .wrp-section-contens {
  height: 2185px;
  padding-bottom: 429px;
}
.bg-wrp-section.section5 .wrp-section .con-ttl {
  top: 504px;
  text-align: right;
}
.bg-wrp-section.section5 .front-spear {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 695px;
  overflow: hidden;
  z-index: 600;
}
.bg-wrp-section.section5 .front-spear p {
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -1000px;
}
.bg-wrp-section.section5 .bg_movie {
  position: absolute;
  bottom: 200px;
  left: 50%;
  margin-left: -640px;
}
.bg-wrp-section.section5 .area-contents {
  position: relative;
  text-align: center;
}
.bg-wrp-section.section5 .area-contents .area-contents-inner {
  padding-top: 148px;
}
.bg-wrp-section.section5 .area-contents .machine-video {
  position: absolute;
  top: 266px;
  left: 105px;
}
.bg-wrp-section.section5 .area-contents .box-first-view .first-img {
  position: relative;
  margin-left: 264px;
  text-align: left;
}
.bg-wrp-section.section5 .area-contents .box-view02 {
  margin-top: 93px;
}
.bg-wrp-section.section5 .area-contents .contents-inner {
  position: relative;
  width: 1000px;
  margin: 0 auto;
  background-size: 1000px 789px;
  background-repeat: no-repeat;
  background-position: center 0;
}
.bg-wrp-section.section5 .area-contents .contents-inner .bg-machine {
  position: absolute;
  top: 0;
  left: 0;
}
.bg-wrp-section.section5 .area-contents .contents-inner.on {
  background-image: none;
}
.bg-wrp-section.section5 .area-contents .contents-inner .machine-lists {
  position: relative;
  width: 428px;
  padding-top: 106px;
  margin-left: 72px;
  z-index: 50;
}
.bg-wrp-section.section5 .area-contents .contents-inner .machine-lists a {
  display: block;
}
.bg-wrp-section.section5 .area-contents .contents-inner .machine-lists .list0, .bg-wrp-section.section5 .area-contents .contents-inner .machine-lists .list3 {
  margin-left: 30px;
}
.bg-wrp-section.section5 .area-contents .contents-inner .machine-lists .list3, .bg-wrp-section.section5 .area-contents .contents-inner .machine-lists .list1 {
  margin-top: 53px;
}
.bg-wrp-section.section5 .area-contents .contents-inner .machine-lists .list2 {
  margin-top: 59px;
}
.bg-wrp-section.section5 .area-contents .contents-inner .bg-hover {
  position: relative;
  height: 890px;
  background-size: 1000px 789px;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.bg-wrp-section.section5 .area-contents .contents-inner .bg-hover .bg-hover-inner {
  position: absolute;
  top: 0;
  left: 0;
}
.bg-wrp-section.section5 .area-contents .contents-inner .bg-hover .bg-hover-inner > p {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
}

/* --------------------------------------------------
        section6 パワースロット
-------------------------------------------------- */
.bg-wrp-section.section6 {
  position: relative;
  height: 1159px;
  padding-bottom: 663px;
  background-image: url(../img/con7/bg_bottom.png);
  background-size: 2000px 663px;
  background-repeat: no-repeat;
  background-position: center bottom;
  z-index: 15;
}
.bg-wrp-section.section6 .contents-main-video {
  height: 751px;
  background-image: url(../img/con7/bg_movie.jpg);
  background-size: 2000px 751px;
  background-repeat: no-repeat;
  background-position: center bottom;
  background-color: #0a0c0f;
}
.bg-wrp-section.section6 .contents-main-video .bg-grade {
  padding-top: 199px;
}
.bg-wrp-section.section6 .bg-contents {
  position: relative;
  height: 1811px;
  top: -662px;
}
.bg-wrp-section.section6 .wrp-section-contens {
  height: 1705px;
  padding-bottom: 663px;
}
.bg-wrp-section.section6 .wrp-section .con-ttl {
  top: 517px;
  margin-left: -454px;
}
.bg-wrp-section.section6 .front-spear {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 413px;
  overflow: hidden;
  z-index: 600;
}
.bg-wrp-section.section6 .front-spear p {
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -1000px;
}
.bg-wrp-section.section6 .area-contents {
  text-align: center;
}
.bg-wrp-section.section6 .area-contents .area-contents-inner {
  margin-top: 134px;
  margin-left: -640px;
}

/* --------------------------------------------------
        footer
-------------------------------------------------- */
#toFooter {
  position: relative;
  margin-top: -662px;
  background-image: url(../img/footer/img_footer.jpg);
  background-position: center 0;
  background-size: 2000px 1845px;
  background-repeat: no-repeat;
}
#toFooter .wrp-footer {
  width: 100%;
  overflow: hidden;
  height: 1845px;
  background-image: url(../img/bg_side_grade.png);
  background-size: 2000px 173px;
  background-repeat: repeat-y;
  background-position: center 0;
}
#toFooter .footer-left {
  width: 235px;
  float: left;
  margin-left: 20px;
  *zoom: 1;
}
#toFooter .footer-left:before, #toFooter .footer-left:after {
  content: "";
  display: table;
}
#toFooter .footer-left:after {
  clear: both;
}
#toFooter .footer-left li {
  float: left;
}
#toFooter .footer-cts {
  position: absolute;
  left: 50%;
  margin-left: -500px;
  width: 1000px;
  bottom: 10px;
}
#toFooter .footer-right {
  float: right;
  width: 303px;
  margin-right: 20px;
}
#toFooter .pagetop-cts {
  position: relative;
  width: 1000px;
  height: 1845px;
  margin: 0 auto;
}
#toFooter .block-pagetop {
  position: absolute;
  top: 1464px;
  left: 50%;
  margin-left: -177px;
}
#toFooter .block-pagetop .to-pagetop {
  position: absolute;
  top: 0;
  left: 0;
}
#toFooter .block-pagetop .to-pagetop.type2 {
  opacity: 0;
  cursor: pointer;
}
#toFooter .block-pagetop.shadow {
  top: 1589px;
  left: 50%;
  margin-left: -268px;
}

/* --------------------------------------------------
    ▼降ってくる槍
-------------------------------------------------- */
.wrp-slash-spear {
  position: absolute;
  width: 100%;
  overflow: hidden;
  height: 429px;
  bottom: 429px;
  left: 1280px;
  z-index: 500;
  display: none;
}

.slash-spear {
  position: absolute;
  bottom: 0px;
  left: 50%;
  z-index: 500;
  margin-left: -640px;
}

.from-left .wrp-slash-spear {
  left: -1280px;
}

/* --------------------------------------------------
        タブ切り替え
-------------------------------------------------- */
.tab-contens {
  display: none;
}

.box-tab-contents .tab-contens.active {
  display: block;
}

/* --------------------------------------------------
        モーダル
-------------------------------------------------- */
#modal-cover {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  background-color: #000000;
  z-index: 600;
  cursor: pointer;
  opacity: 0.9;
  -ms-filter: "alpha(opacity=90)";
  /* ie 8 */
  display: none;
}

.wrp-modal-contents {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 850px;
  height: 610px;
  margin-left: -425px;
  background-image: url(../img/bg_modal.png);
  background-size: 850px 610px;
  background-position: 0 0;
  background-repeat: no-repeat;
  z-index: 600;
  display: none;
}
.wrp-modal-contents .modal-close {
  position: absolute;
  top: 0;
  right: -62px;
  cursor: pointer;
}
.wrp-modal-contents .modal-contents {
  text-align: center;
  margin-top: 15px;
}
.wrp-modal-contents .modal-contents .modal-img {
  width: 770px;
  height: 578px;
  margin: 0 auto;
  overflow: hidden;
}
.wrp-modal-contents .modal-contents .modal-img img {
  padding-top: 60px;
  padding-bottom: 60px;
}
.wrp-modal-contents .modal-shadow {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 850px;
  height: 75px;
}
.wrp-modal-contents .modal-shadow-top {
  position: absolute;
  top: 0;
  left: 0;
  width: 850px;
  height: 76px;
}

.wrp-modal-contents.modal-section5 {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 796px;
  height: 454px;
  margin-left: -398px;
  background-image: none;
}
.wrp-modal-contents.modal-section5 .modal-close {
  top: 31px;
  right: -70px;
}
.wrp-modal-contents.modal-section5 .modal-contents .modal-img {
  width: 796px;
  height: 454px;
  margin: 0 auto;
}
.wrp-modal-contents.modal-section5 .modal-contents .modal-img img {
  padding: 0;
}

/* --------------------------------------------------
        video先読み用
-------------------------------------------------- */
.temp-video-block {
  position: absolute;
  top: 0;
  left: 0;
}

/* --------------------------------------------------
        ie8用
-------------------------------------------------- */
.ie8 .wrp-all-header-nav {
  -ms-filter: "alpha(opacity=100)" !important;
  /* ie 8 */
}
.ie8 .wrp-all-contents {
  display: block;
}
.ie8 .logo .logo-in.active {
  display: none;
}
.ie8 .wrp-slash-spear {
  left: 0 !important;
  bottom: 0 !important;
  display: block;
}
.ie8 .wrp-all-header-nav {
  visibility: visible !important;
}


/* --------------------------------------------------
        evaweb用
-------------------------------------------------- */

.sns-list {
    width: 250px;
}
.sns-list .evaweb-bnr {
    margin-top: -10px;
}