#game {
	width: 100%;
	background: #000;	
}

/*----------------------------------*/
#gameHeader,
#gameHeader > div {

}

#gameHeader {
	border-bottom: 1px solid #555;
	box-sizing: border-box;
}

#gameHeader dl {
	padding: 4px 3px 0 3px;
}

#gameHeader .jackpot {
	color: #fff;
	font-size: 0.75rem;
}

#gameHeader .jackpot dt,
#gameHeader .jackpot dd {
	float: left;
}

#gameHeader .jackpot dt {
	margin-right: 4px;
	padding: 2px 3px;
	border: 1px solid #e00;
	border-radius: 3px;
	background: #e00;
	font-weight: bold;
}

#gameHeader .jackpot dd {
	padding: 2px 0;
}

#gameHeader .jackpot strong {
	font-size: 1.0rem;
}

#gameHeader .right,
#gameHeader ul li {

}

#gameHeader ul li.first {
	background: none;
}

#gameHeader .right strong,
#gameHeader ul li strong {
	color: #f90;
	font-size: 0.8rem;
}

#gameHeader .right span,
#gameHeader ul li span {
	color: #fff;
	font-size: 0.8rem;
}

#gameHeader ul.slides li { 
	color: #fff;
	font-size: 0.8rem;
}

#gameHeader ul.slides li > p {
	margin: 0 4px;
	overflow: hidden;
	white-space: nowrap;
}


#gameHeader ul li.pink a {
	color: #F9C;
}

#gameHeader ul li.orange a {
	color: #F90;
}

#gameHeader ul li.green a {
	color: #6C0;
}

#gameHeader ul li.blue a {
	color: #0CF;
}

#gameHeader ul li.red a {
	color: #F00;
}

#gameHeader ul li.yellow a {
	color: #FF3;
}

#gameHeader div.flexslider {
	height: 25px;
}

#gameHeader div.flexslider,
#gameHeader div.flex-viewport,
#gameHeader div.flexslider ul,
#gameHeader div.flexslider li {
	height: 25px;
	line-height: 25px;
	margin:0!important;
	padding:0 0!important;
}

#gameHeader div.flex-viewport div {
	margin-left: -10px;
}

#gameHeader dl dd a#anime_toggle,
#gameHeader dl dd a#sound_toggle{
	padding: 2px 3px 2px 3px;
	font-size: 10px;
	color: #06C;
	text-align: center;
	line-height: 11px;
	font-weight: bold;
	border: 1px solid #d2cbc1;
	border-radius: 4px;
	box-sizing: border-box;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f1ede6));
	background: -moz-linear-gradient(top, #ffffff, #f1ede6);
	background: -ms-linear-gradient(#ffffff, #f1ede6);
}

#gameHeader dl dd a#anime_toggle img,
#gameHeader dl dd a#sound_toggle img{
	vertical-align: text-bottom;	
}

#gameHeader p.message {
	margin-top: 4px;
	font-size: 10px;
	color: #fff;	
}

/*----------------------------------*/
#gameBody {
	position:relative;
	margin-top:3px;
	top:0;
	left:0;
	width:100%;
	height:45px;
	background:url(/sm/img/watch/game/point.png) no-repeat 4px 0;
	background-size:40px 45px;
}

#gameBody .poppo {
	position: absolute;
	top: 0;
	width: 37px;
	z-index: 99;
}

#gameBody .status {
	position: absolute;
	top: 0;
	width: 92px;
	height: 34px;
	border: 1px solid #555;
	border-radius: 3px
}

#gameBody .status .level {
	postion: relative;
	margin: 4px;
	padding-left: 13px;
	color: #fff;
	font-size: 10px;
	background: url(/sm/img/watch/game/icon_level.png) no-repeat 0 50%;
	background-size: 12px 12px;
}

#gameBody .status .weapon {
	postion: relative;
	margin: 4px;
	padding-left: 13px;
	color: #fff;
	font-size: 10px;
	background: url(/sm/img/watch/game/icon_weapon.png) no-repeat 0 50%;
	background-size:12px 12px;
}

#gameBody .pointget {
	opacity: 0;
	position: absolute;
	width: 100%;
	height: 45px;
	top:0;
	left:0;
	color: #fff;
	background: url(/sm/img/watch/game/point_get.jpg) no-repeat center 50%;
	background-size: cover;
	z-index: 100;
}

#gameBody .jackpotinfo {
	opacity: 0;
	position: absolute;
	width: 100%;
	height: 45px;
	top:0;
	left:0;
	z-index: 200;
	overflow:hidden;
}

#gameBody .rulet {
	opacity: 0;
	position: absolute;
	width: 100%;
	height: 45px;
	top:0;
	left:0;
	z-index: 200;
	overflow:hidden;
}

#gameBody .needle {
	position: absolute;
	width: 100%;
	height: 45px;
	top:0;
	left:0;
	color: #fff;
	background: url(/sm/img/watch/game/needle.gif) no-repeat center bottom;
	background-size: 15px 12px; 
	z-index: 210;
}

/*----------------------------------*/
#gameFooter {
	position: relative;
	height: 50px;
	background: -webkit-gradient(linear, left top, left bottom, from(#582314), to(#1D0C07));
	background: -moz-linear-gradient(top, #582314, #1D0C07);
	background: -ms-linear-gradient(#582314, #1D0C07);
}

#gameFooter .graph {
	position: relative;
	top: 5px;
	left: 5px;
	width: 150px;
}

#gameFooter .graph .jp_remain {
	padding-left: 13px;
	font-size: 10px;
	color: #fff;
	background: url(/sm/img/watch/game/icon_jp.png) no-repeat 0 50%;
	background-size: 12px 12px
}

#gameFooter .graph .jp_remain_graph {
	margin-top: 3px;
	background: #e00;
	border-bottom: 1px solid #000;
	height: 4px;
}

#gameFooter .graph .power {
	margin-top: 4px;
	padding-left: 13px;
	font-size: 10px;
	color: #fff;
	background: url(/sm/img/watch/game/icon_heart.png) no-repeat 0 50%;
	background-size: 12px 12px
}

#gameFooter .graph .power_graph {
	margin-top: 3px;
	background: #e00;
	border-bottom: 1px solid #000;
	height: 4px;
}

#gameFooter .graph .jp_remain_graph .jp_remain_gage,
#gameFooter .graph .power_graph .power_gage {
	background: #090;
	height: 4px;
}

#gameFooter .buttons {
	position: absolute;
	top: 5px;
	width:66px!important;
}

#gameFooter .buttons a {
	display: block;
	width: 66px;
	height: 18px;
	line-height: 18px;
	font-size: 10px;
	color: #333;
	text-align: center;
	font-weight: bold;
	border: 1px solid #d2cbc1;
	border-radius: 4px;
	box-sizing: border-box;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f1ede6));
	background: -moz-linear-gradient(top, #ffffff, #f1ede6);
	background: -ms-linear-gradient(#ffffff, #f1ede6);
}

#gameFooter .buttons a.equip {
	display: block;
	margin-top: 3px;
	width: 66px;
	height: 18px;
	line-height: 18px;
	font-size: 10px;
	color: #fff;
	text-align: center;
	font-weight: bold;
	border: 1px solid #360;
	border-radius: 4px;
	box-sizing: border-box;
	background: -webkit-gradient(linear, left top, left bottom, from(#aad51c), to(#336633));
	background: -moz-linear-gradient(top, #aad51c, #336633);
	background: -ms-linear-gradient(#aad51c, #336633);
}

#gameFooter .buttons a img {
	margin-right: 3px;
	vertical-align:text-bottom;
}

#gameFooter .buttons .rank {
	margin-top: 3px;
}

#gameFooter .equipments {
	position: absolute;
	top: 5px;
	width:65px!important;
}

#gameFooter .equipments button {
	display: block;
	padding:0;
	width: 66px;
	height: 18px;
	font-size: 10px;
	color: #fff;
	text-align: center;
	font-weight: bold;
	border: 1px solid #F27300;
	border-radius: 4px;
	box-sizing: border-box;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffaa33), to(#ff8800));
	background: -moz-linear-gradient(top, #ffaa33, #ff8800);
	background: -ms-linear-gradient(#ffaa33, #ff8800);
}

#gameFooter .equipments button img {
	margin-right: 3px;
	vertical-align:text-bottom;
}

#gameFooter .equipments span {
	display: block;
	width: 66px;
	height: 21px;
	line-height: 21px;
	font-size: 10px;
	color: #fff;
	text-align: center;
}


#gameFooter .equipments .equiped {
	margin-top: 3px;
}

#gameFooter .jackpotbutton {
	opacity: 0;
	position: absolute;
	width: 100%;
	height: 45px;
	top:0;
	left:0;
	z-index: 100;
	text-align: center;
}

#gameFooter .jackpotbutton input {
	margin: 8px auto 0 auto;
	border: 1px solid #d2cbc1;
	border-radius: 8px;
	box-sizing: border-box;
	color: #333;
	font-size: 0.9rem;
	width: 150px;
	height: 30px;
	line-height: 30px;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f1ede6));
	background: -moz-linear-gradient(top, #ffffff, #f1ede6);
	background: -ms-linear-gradient(#ffffff, #f1ede6);
}

#sound {
	display: none;
}

.toast-container span.small {
	line-height: 1.2;
	font-size: 0.7rem;
	color: #999;
}

#equip_action {
	margin-top: 12px;
	vertical-align: text-bottom;
}

#equip_action label * {
	vertical-align: text-bottom;
}

#equip_action button {
	margin:0 0 0 40px;
	padding:0;
	border: 1px solid #d2cbc1;
	border-radius: 8px;
	box-sizing: border-box;
	color: #333;
	font-size: 0.8rem;
	width: 100px;
	height: 26px;
	line-height: 26px;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f1ede6));
	background: -moz-linear-gradient(top, #ffffff, #f1ede6);
	background: -ms-linear-gradient(#ffffff, #f1ede6);
}