body,html{
	width:100%;
	height:100%;
}

body{
	background:#000000;
}

/*＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊
	メニューボタン 大
＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊*/

ul.menubtn{
	background:url(../img/menubtn_line.png) no-repeat center top;
	padding:24px 0;
}

.menubtn  li  a{
	display:block;
}

.menubtn  li  a  div{
	font-size:0;
	line-height:0;
	margin:0 -1px;
}

.menubtn  li  a  *:first-child + *{
	height:32px;
	background:url(../img/menubtn_bg.png) repeat-x;
}

.menubtn  li  a  *:first-child + *  img , .coming  img{
	width:100%;
	height:100%;
}

.coming{
	height:32px;
	background:url(../img/coming_bg.png) repeat-x;
	margin:0 -1px;
}

/*＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊
	メニューボタン 小
＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊*/

#open{
	height:40px;
	line-height:40px;
	font-size:20px;
	color:#FFFFFF;
	padding-right:10px;
	text-align:right;
}

#open:hover{
	cursor:pointer;
}

.menubtn_s  li{
	display:none;
	overflow:hidden;
	padding-bottom:5px;
}

.menubtn_s  li  a  *:first-child + *{
	background:url(../img/menubtn_bg.png) repeat-x;
}

.coming_s{
	height:32px;
	background:url(../img/coming_bg.png) repeat-x;
}

/*＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊
	NEWボタン
＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊*/

.relative{
	position:relative;
}

.new{
	position:absolute;
	top:0;
	right:-5px;
	z-index:100;
}

.new2{
	position:absolute;
	top:0;
	right:-30px;
	z-index:100;
}

/*＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊
	メインイメージ
＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊*/

#open  img:hover{
	cursor:pointer;
}

#mainimg{
	background:url(../img/mainimg.jpg) no-repeat center center;
	overflow:hidden;
}




#mainimg  h1{
	padding:210px 0;
}

@media(max-width: 767px){

#mainimg{
	background-size:240% auto;
	-webkit-background-size:240% auto;
}

#mainimg  h1{
	padding:80px 0 0;
}
}

/*＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊
	カウントダウン,設置店検索
＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊*/

.count , .go_search{
	position:absolute;
	bottom:-1px;
	overflow:hidden;
}

.blink{
	position:absolute;
	top:0;
	left:0;
}

/*＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊
	BGM
＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊*/

@media(max-width: 989px){
.bgm{
	display:none;
}

.bgm2{
	width:232px;
	margin-left:-116px;
	background:url(../img/bgm_bg.png)  no-repeat;
	position:absolute;
	right:10px;
	top:5px;
	height:53px;
}

}

@media(min-width: 990px){
.bgm2{
	display:none;
}

.bgm{
	 background:url(../img/bgm_bg.png)  no-repeat;
	 position:absolute;
	 top:5px;
	 height:53px;
}
}

.bgm3{
	width:232px;
	background:url(../img/bgm_bg.png)  no-repeat;
	position:absolute;
	height:53px;
	top:10px;
	right:10px;
}

.bgm  ul  li , .bgm2  ul  li , .bgm3  ul  li{
	position:absolute;
}

.musictitle{
	top:11px;
	left:89px;
}

.volume{
	bottom:9px;
	left:18px;
}

.selectmusic{
	width:12px;
	height:12px;
	overflow:hidden;
	bottom:11px;
}

.selectmusic1{
	left:145px;
}

.selectmusic2{
	left:158px;
}

.selectmusic3{
	left:171px;
}

.selectmusic4{
	left:184px;
}

.selectmusic5{
	left:197px;
}

/*＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊
	PV
＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊*/

.pv{
	width:242px;
	height:91px;
	overflow:hidden;
	position:absolute;
	bottom:80px;
	left:50%;
	margin-left:-121px;
}

.pv  a{
	display:block;
}

.pv  a:hover{
	margin-left:-242px;
}

@media(max-width: 989px){
.pv{
	width:242px;
	height:91px;
	overflow:hidden;
	position:absolute;
	bottom:90px;
	left:50%;
	margin-left:-121px;
}
}

.pv2{
	padding:2% 0 12%;
}

@media(max-width: 989px){
#mainimg{
	height:100%;
}
}

/*＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊
	トロピカルへ遷移
＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊*/

.mutual-bn{
	width:400px;
	height:80px;
	overflow:hidden;
	margin:0 auto 10px;
}

.mutual-bn img{
	width:800px;
	height:80px;
	padding:0 !important;
}

.mutual-bn > a{
	display:block;
}

.mutual-bn > a:hover{
	margin-left:-400px;
}

.mutual-bn-sp , .mutual-bn-sp img{
	padding:2px;
}

.go-tropical{
	width:150px;
	height:150px;
	overflow:hidden;
	position:absolute;
	bottom:0;
	left:9%;
}

.go-tropical  a{
	display:block;
}

.go-tropical  a:hover{
	margin-left:-150px;
}

.go-paradise{
	width:150px;
	height:150px;
	overflow:hidden;
	position:absolute;
	bottom:0;
	right:9%;
}

.go-paradise  a{
	display:block;
}

.go-paradise  a:hover{
	margin-left:-150px;
}

@media(max-width: 989px){
	.go-tropical{
		left:1%;
	}
}

@media(max-width: 989px){
	.go-paradise{
		right:1%;
	}
}

.go-tropical-sp{
	width:16.5%;
	padding:0;
	position:absolute;
	bottom:0;
	left:0;
}

.go-tropical-sp img{
	padding:0;
}

.go-paradise-sp{
	width:16.5%;
	padding:0;
	position:absolute;
	bottom:0;
	right:0;
}

.go-paradise-sp img{
	padding:0;
}

/*＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊
	下層ページ
＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊*/

#contents_wrap{
	background:url(../img/bg.png) repeat-y center top;
}

@media(min-width: 767px){
#contents_wrap{
	padding-bottom:5%;
}
}

@media(max-width: 989px){
#contents_wrap{
	padding-bottom:13%;
}
}

.zoombtn{
	padding:2% 0 0;
}

/*＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊
	フッター
＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊*/

/*.footer-margin{
	margin-top:2% !important;
}*/

footer{
/*	margin:20px 0 0;*/
	padding:1% 0;
/*	background:url(../img/footer_bg.png) no-repeat center top #000;*/
}

footer li , footer img{
	margin:0 !important;
	padding:0 1px !important;
}

.across{
	background:url(../img/bn_across.png) no-repeat center top;
}

.bn-gr{
	margin-bottom:0 !important;
}

.sns{
/*	padding:50px 0 0;*/
	overflow:hidden;
}

.sns li{
	padding:0 1px !important;
}

.footer_s{
	margin-top:2% !important;
}

.footer_s li , .footer_s img{
	padding:1px !important;
}

/* ==========================================================================
   Loading
   ========================================================================== */
#loading-contener {
	position: fixed;
	margin: 0;
	padding: 0;
	top: 0;
	left: 0;
	z-index: 999;
	text-align: left;
	width: 100%;
	height: 100%;
}
#loading {
	position: relative;
	width: 100%;
	height: 100%;
	background-color: rgb(0, 0, 0);/*filter: alpha(opacity=0.8);
	-moz-opacity:0.8;
	opacity:0.8;*/
}
/*音量セレクト*/
.onryoselect {
	width: 837px;
	height: 110px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -55px;
	margin-left: -418px;
	background:url(../img/volswitch.png) no-repeat center top;
}

.onryoselect  ul{
	padding-top:50px;
	width:614px;
	margin:0 auto;
}

.onryoselect  ul  li{
	width:187px;
	height:59px;
	overflow:hidden;
	margin:0 60px;
	float:left;
}

.onryoselect  ul  li  a{
	display:block;
}

.onryoselect  ul  li  a:hover{
	margin-left:-187px;
}

/*＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊
	設置店検索
＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊*/

#search_wrap{
	width:100%;
	height:100%;
	background:url(../img/bg.png) repeat-y center top;
	position:relative;
}

@media(min-width: 767px){
.search{
	position:absolute;
	top:25%;
}
}

@media(max-width: 989px){
.search{
	position:absolute;
	top:5%;
}
}

.kishu , .ken , .searchbtn{
	position:absolute;
}

.kishu{
	width:70%;
	height:25px;
	top:52%;
	left:50%;
	margin-left:-35%;
	font-size:12px;
}

.ken{
	width:70%;
	height:25px;
	top:69%;
	left:50%;
	margin-left:-35%;
	font-size:12px;
}

.searchbtn{
	bottom:7%;
}

/*＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊
	スペック - 筐体切替
＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊*/

.kyotai_body{
	background:url(../img/kyotai_body.png);
	background-size:100% auto;
	-webkit-background-size:100% auto;
	background-repeat:repeat-y;
	background-position:center top;
	padding:1% 0;
	overflow:hidden;
	position:relative;
}

.kyotai_bottom{
	position:relative;
	top:-1px;
	margin-bottom:1%;
}

.kyotai_wrap{
	position:absolute;
	top:0;
}

#kirikae25:hover , #kirikae30:hover , #zoom25:hover , #zoom30:hover{
	cursor:pointer;
}

#pai25_1 , #pai30_1 , #pai25_2 , #pai30_2 , #pai25_3 , #pai30_3{
	position:absolute;
}

#pai25_2 , #pai30_2 , #pai25_3 , #pai30_3{
	display:none;
}

#zoom25 , #zoom30{
	padding-top:2%;
}

/*+++++++++++++++++++
	メニューロールオーバー
+++++++++++++++++++*/

.menuover{
 height:32px; background:url(../img/menubtn_bg_on.png)
}

.menuover img{
	width:100%;
	height:100%
}

.menuover-s{
 height:32px; background:url(../img/menubtn_bg_on.png)
}

#link {
  width: 100%;
  height: 82px;
  border-top: 2px solid #ef8200;
	background: -moz-linear-gradient(to bottom,#780e10,#FF0000 30%,#780e10);
	background: -webkit-linear-gradient(to bottom,#780e10,#FF0000 30%,#780e10);
	background: linear-gradient(to bottom,#780e10,#FF0000 30%,#780e10);
	padding: 0;
  position: relative;
  z-index: 500;
	float: left;
}
#link ul {
  width: 1000px;
  height: 80px;
  margin: 0 auto;
}
#link ul li {
  float: left;
  width: 320px;
  height: 60px;
  margin-top: 10px;
  margin-bottom: 10px;
}
#link ul li img {
  width: 100%;
}
#link ul li a:hover {
  opacity: 0.8;
}
#link ul li:nth-child(1) {
  margin-right: 5px;
  margin-left: 10px;
}
#link ul li:nth-child(2) {
  margin-left: 5px;
  margin-right: 5px;
}
#link ul li:nth-child(3) {
  margin-left: 5px;
}
#link div {
  width: 320px;
  height: 60px;
  margin: 10px auto;
}
#link div img {
  width: 100%;
}
#link div a {
  display: block;
}
#link div a img:hover {
  filter: alpha(opacity=80);
  opacity: 0.8;
}

#link_sp {
  width: 100%;
  height: auto;
  border-top: 2px solid #ef8200;
	background: -moz-linear-gradient(to bottom,#780e10,#FF0000 30%,#780e10);
	background: -webkit-linear-gradient(to bottom,#780e10,#FF0000 30%,#780e10);
	background: linear-gradient(to bottom,#780e10,#FF0000 30%,#780e10);
  position: relative;
  z-index: 500;
}
#link_sp ul {
  margin: 0 auto;
}
#link_sp ul li img {
  width: 100%;
}
#link_sp ul li:nth-child(1) {
  padding: 3% 3% 0 3%;
}
#link_sp ul li:nth-child(2) {
  padding: 3% 3% 0 3%;
}
#link_sp ul li:nth-child(3) {
  padding: 3%;
}
#link_sp div {
  margin: 0 auto;
  padding: 3%;
}
#link_sp div img {
  width: 100%;
}