@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) { /* STYLES GO HERE */


#redtain_sid4 iframe {
 width: 100% !important;
}
#main .disc .btn3 a.btn3{
margin-top:0;
margin-bottom:0;
-moz-border-radius: 0.312rem;
-webkit-border-radius: 0.312rem;
border-radius: 0.312rem;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
}

/*iPHONE*/
@media only screen and ( max-width: 60em ) /* 640 */
{
/*************
Dubai campaign
**************/
.t-right{
float:none;
width:100%;
}
.t-left{
float:none;
width:98%;
margin:0 1%;
}
/*************
ranking winner
*************/
.home #main{
padding:0;
}
.winnerline{
margin: 0 ;
max-width:100%;
width:100%;
height:60px;
}
.winnerline .tickercontainer, body.en .winnerline .tickercontainer,body.zh-hant .winnerline .tickercontainer, body.ko .winnerline .tickercontainer{
float:left;
max-width:100%;
width:100%;
padding:0;
margin: 0 ;
background: url(http://redsharks.com/wp-content/uploads/2015/03/winner-marquee.png)no-repeat;
background-position:top right;
}

.winnerline ul.newsticker li{
line-height:52px;
}
.winnerline div.ran.one:before,.winnerline div.ran.two:before,.winnerline div.ran.three:before{
margin-top: -20px;
}
.winnertxt marquee {
font-family: "KozGoPro-Light", "小塚ゴシック Pro L", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
color:#FFF;
width:100%;
}
#vtip{
position:relative;
left:0;
top:0;
}
#vtip a{
width:90%;
max-width:90%;
margin:0 5% 10px;
padding:10px 0;
}
.lbox, .rbox{
float:none;
}
.lbox{
width:100%;
}
.rbox{
padding:2%;
width: 96%;
}
/************
フリースピンキャンペーン
*************/
#post-6394 .kiyaku{
font-size:12px;
padding:20px 2%;
width: 96%;
border:0px;
}
#post-6394 h3{
font-size:14px;
padding:0 10px;
}
#post-6394 .how{
padding:0 10px;
}
#post-6394 p{
font-size:12px;
}
ul.point li{
font-size:12px;
}
ul.glist li{
width:49%;
margin-right: 0.5%;
margin-left: 0.5%;
}

#login_area_2014{
margin: 30px 0 0 0;
}
.logbox{
width: 47%;
float: left;
margin-left: 2%;
}
/*****************
register flow
*****************/
#regi-now{
border-top: 1px solid #CCC;
border-bottom: 1px solid #CCC;
padding: 20px 10px;
text-align: center;
}
ul#flow li{
float: none;
max-width: 300px;
width: 100%;
margin:0 auto 20px;
}
/*******************
mypage navi
********************/
p.username,p.budget-field {
margin: 0px 0 0 0;
text-align: center;
font-size:12px;
/* line-height:25px; */
float: none;
/* background: #555555; */
color: #FFF;
}
	p.username{ /* mypage name box */
	padding: 5px 0;
	line-height:105%;
	background-color: rgb(67, 148, 0);
	}
p.budget-field {
margin: 0px 0 0 0;
text-align: center;
font-size:12px;
line-height:30px;
float: none;
color: #FFF;
background-color: rgb(67, 148, 0);
background-color: rgba(67, 148, 0, 1);
}

p.budget-field:after{
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}
span.uname{
padding:0 5px;
display: block;
}
span.budget1{
width: 48%;
display: block;
float:left;
padding:0 0.5%;
background-color: rgb(67, 148, 0);
background-color: rgba(67, 148, 0, 1);
border-right: 1px solid #FFF;
}
span.budget2{
width: 48%;
display: block;
float:left;
padding:0 0.5%;
background-color: rgb(67, 148, 0);
background-color: rgba(67, 148, 0, 1);
}
.category-my-page #account_body_innner_2014 #redtain_sid4 iframe{
height:1400px!important;
}
.category-my-page #redtain_sid4 iframe,.category-my-page-en #redtain_sid4 iframe,.category-my-page-zh-hant #redtain_sid4 iframe,.category-my-page-ko #redtain_sid4 iframe{
width: 100% !important;
margin:0;
}
h2.cat-mypage{
text-align: center;
font-size: 14px;
line-height: 30px;
}
#login-navi{
display: block;
}
#login-navi{
position: fixed;
width: 100%;
background: #000;
bottom:0;
left:0;
z-index:900;
}
#login-navi li{
width: 25%;
float: left;
text-align: center;
height: 65px;
line-height: 105px;
}
#login-navi li#nv1{
background: url(images/fnav/bnv1.png) no-repeat;
background-position: center;
background-color: rgb(67, 148, 0);
background-color: rgba(67, 148, 0, 1);
}
#login-navi li#nv1:hover{
background: url(images/fnav/bnv1_on.png) no-repeat;
background-position: center;
background-color: rgb(86, 189, 0);
background-color: rgba(86, 189, 0, 1);
}
#login-navi li#nv2{
background: url(images/fnav/bnv2.png) no-repeat;
background-position: center;
background-color: rgb(67, 148, 0);
background-color: rgba(67, 148, 0, 1);
}
#login-navi li#nv2:hover{
background: url(images/fnav/bnv2_on.png) no-repeat;
background-position: center;
background-color: rgb(86, 189, 0);
background-color: rgba(86, 189, 0, 1);
}
#login-navi li#nv3{
background: url(images/fnav/bnv3.png) no-repeat;
background-position: center;
background-color: rgb(67, 148, 0);
background-color: rgba(67, 148, 0, 1);
}
#login-navi li#nv3:hover{
background: url(images/fnav/bnv3_on.png) no-repeat;
background-position: center;
}
#login-navi li#nv4{
background: url(images/fnav/bnv4.png) no-repeat;
background-position: center;
}
#login-navi li#nv4:hover{
background: url(images/fnav/bnv4_on.png) no-repeat;
background-position: center;
}

#login-navi a{
color: #FFF;
text-align: center;
font-size: 11px;
display:block;
width: 100%;
height: 100%;
text-shadow: 0 -1px 0 #000;
border: 1px solid #FFF;
}

.regierror{
font-size:12px;
background: maroon;
color: white;
padding: 5px;
margin-top: 0px;
margin-left: 0;
border-radius: 5px;
position: relative;
clear: both;
}
#ifrm{
overflow:auto; /* scrollからautoに変更 */
-webkit-overflow-scrolling:touch;
}
#ifrm iframe{
width:100%;
  height:100% !important;
 border:none; /* 追加で指定 */
  display:block; /* 追加で指定 */
}
.camp{
float: none;
width: 100%;
}
.camp.one{
margin-right: 0px;
margin-bottom:10px;
}
#pay-box {
width: 100%;
max-width: 300px;
margin:0 auto;
position: relative;
top: 0;
right: 0;
}
#payment {
width: 96%;
padding: 10px 2%;
background-color: #f9f9f9;
}

#account_body_innner_2014.redtain_sid4, #account_body_innner_2014{
width: 100%;
}



#redtain_sid4 iframe {
 width: 90% !important;
}


/********************
login form
*********************/
#login_area_2014 .cbp-hsmenu-wrapper .cbp-hsmenu{
padding: 0;
max-width: none;
width: 100%;
padding: 0;
float: none;
}
#footer .fticon .flink1 {
width: 15%;
left: 65px;
bottom: 0;
top:auto;
}
#footer .fticon .flink2 {
width: 15%;
right: 65px;
left:68%;
bottom: 0;
top:auto;
}
#footer .fticon .flink1 img,#footer .fticon .flink2 img,.fticon .card-list img{
width:100%;
height:auto;
}
.fticon .card-list {
max-width: 404px;
width:100%;
margin: 0 auto 65px;
}
#header #main-nav li#menu-item-6258 a:before,#header #main-nav li#menu-item-3998 a:before,#header #main-nav li#menu-item-4011:before,#header #main-nav li#menu-item-4012:before {
content: '';
padding: 10px;
margin-right: 10px;
background: url("images/icon-toto.png") center center no-repeat;
}
#header #main-nav li#menu-item-6258 a{
color:#aa0000;
}
#header #main-nav li#menu-item-3914 a,#header #main-nav li#menu-item-3914,#header #main-nav li#menu-item-3998,#header #main-nav li#menu-item-4011,#header #main-nav li#menu-item-4012{
display:none;
}
#toto .tips {
display:none;
}
#main-nav li#menu-item-1056,#main-nav li#menu-item-2732,#main-nav li#menu-item-1057,#main-nav li#menu-item-2816{
display:none;
}
#loginButton {
margin: 11px 0px 0px 10px;
}
.pc{
display:none;
}
#logoutButton_ko {
float: left;
margin: 11px 0px 0px 0px;
}
.mobile-slider div.metaslider.metaslider-flex.metaslider-1393.ml-slider.nav-hidden,div.metaslider.metaslider-flex.metaslider-1396.ml-slider.nav-hidden,div.metaslider.metaslider-flex.metaslider-1401.ml-slider.nav-hidden,div.metaslider.metaslider-flex.metaslider-2822.ml-slider.nav-hidden,div.metaslider.metaslider-flex.metaslider-2703.ml-slider.nav-hidden{
max-width:100% !important;
}
div#sptbnr div.metaslider.metaslider-flex.metaslider-3592.ml-slider.nav-hidden,div.metaslider.metaslider-flex.metaslider-3597.ml-slider.nav-hidden,div.metaslider.metaslider-flex.metaslider-3599.ml-slider.nav-hidden,div.metaslider.metaslider-flex.metaslider-3601.ml-slider.nav-hidden{
max-width:100% !important;
}
.fb2{

top: 30px;
right: 5px;
height: 35px;
overflow: hidden;
}
.fb2 a img{
margin-top:-10px;
}
.fb {
position: absolute;
top: 25px;
right: 0;
display: none;
}
#main-right {
float: none;
width: 100%;
}
#main .box5.news{
display:block;
}
/*NEWS*/
body.category-topics #contents ul ,body.category-topics-en #contents ul ,body.category-topics-zh-hant #contents ul,body.category-topics-ko #contents ul{
width: 96%;
margin: 0 auto;
padding-bottom: 30px;
}
/*TOP NEWS*/
#main .box5.news{
position: relative;
overflow: hidden;
width: 90%;
height: auto;
padding: 20px 4% 10px 2%;
margin: 0 2%;
margin-bottom:20px;
border:1px solid #bfbfbf;
background:#f9f9f9;
font-size:12px;
}
/*CAMPAIGN*/
body.category-campaign button{
width:100%;
}
.entryform input[type="text"] {
margin: 0;
padding: 6px 2%;
max-width: 96%;
width: 96%;
}
form#camform {
margin: 0 auto;
width: 100%;
}
.entryform{
width: 96%;
margin: 0 auto 30px;
padding: 10px 2%;
}
/*始めての方へ*/
body.page-id-1917 #main #post-1917 h2#mb,body.page-id-2113 #main #post-2113 h2#mb,body.page-id-2112 #main #post-2112 h2#mb{
height:auto;
}
body.en #bg-guide h1,body.zh-hant #bg-guide h1{
width:100%;
}
#bg-guide .easy {
padding-bottom: 60px;
}
#bg-guide .easy, #bg-guide .safety{
width:100%;
height:380px;
}
#col-3{
padding-bottom:30px;
}
body.page-id-1917 #col-2 ul#safe-list li,body.page-id-2113 #col-2 ul#safe-list li,body.page-id-2112 #col-2 ul#safe-list li,body.page-id-2834 #col-2 ul#safe-list li {
float: none;
width: 100%;
position: relative;
margin-bottom: 60px;
}
body.page-id-1917 h1#beg2,body.page-id-2113 h1#beg2,body.page-id-2112 h1#beg2,body.page-id-2834 h1#beg2{
height: auto;
padding: 20px 0;
}
body.page-id-1917 #col-1,body.page-id-2113 #col-1,body.page-id-2112 #col-1,body.page-id-2834 #col-1{
padding-bottom: 160px;
}
body.page-id-1917 #free-same,body.page-id-2113 #free-same,body.page-id-2112 #free-same,body.page-id-2834 #free-same {
position: absolute;
left: 0;
bottom: 60px;
}
body.page-id-1917 #col-3 #free-same,body.page-id-2113 #col-3 #free-same,body.page-id-2112 #col-3 #free-same,body.page-id-2834 #col-3 #free-same{
left: 0;
bottom: 60px;
}
body.page-id-1917 #page-top,body.page-id-2113 #page-top,body.page-id-2112 #page-top,body.page-id-2834 #page-top {
position: absolute;
right: 0;
bottom: 0px;
}
#bg-guide .fuki1,#bg-guide .fuki2,#bg-guide .fuki3,#bg-guide .fuki4{
display:none !important;
}
body.page-id-1917 #col-1 ul li, body.page-id-2113 #col-1 ul li ,body.page-id-2112 #col-1 ul li ,body.page-id-2834 #col-1 ul li {
float: left;
width: 50%;
position: relative;
padding-bottom: 40px;
}
body.page-id-1917 h1.two,body.page-id-2113 h1.two,body.page-id-2112 h1.two,body.page-id-2834 h1.two{
height: auto;
padding: 20px 0;
}
body.page-id-1917 h1.two span,body.page-id-2113 h1.two span,body.page-id-2112 h1.two span,body.page-id-2834 h1.two span{
display: block;
padding: 0 3%;
width: 94%;
margin: 0 auto;
}
#bg-guide .arrow-box {
width: 100%;
margin: 0 auto 0px;
}
#bg-guide .easy, #bg-guide .safety{
float:none;
margin-right:0;
}
body.page-id-1917 #main #bg-guide .easy img,body.page-id-1917 #main #bg-guide .safety img,body.page-id-1917 h1.two img{
width: 96%;
height:auto;
padding:0 2%;
}
body.page-id-2113 #main #bg-guide .easy img,body.page-id-2113 #main #bg-guide .safety img,body.page-id-2113 h1.two img{
width: 96%;
height:auto;
padding:0 2%;
}
body.page-id-2112 #main #bg-guide .easy img,body.page-id-2112 #main #bg-guide .safety img,body.page-id-2112 h1.two img{
width: 96%;
height:auto;
padding:0 2%;
}
body.page-id-2834 #main #bg-guide .easy img,body.page-id-2834 #main #bg-guide .safety img,body.page-id-2834 h1.two img{
width: 96%;
height:auto;
padding:0 2%;
}
#bg-guide {
width: 100%;
margin: 0 auto;
padding: 60px 0 120px;
position: relative;
}
#bg-guide h1 {
margin: 10px auto;
width: 100%;
padding: 10px 0 50px;
}
#main #bg-guide h1 img{
width: 96%;
height: auto;
margin: 0 2%;
}
body.page-id-1917 #mb,body.page-id-2113 #mb,body.page-id-2112 #mb,body.page-id-2834 #mb,body.page-id-2834 #mb{
display:block !important;
}
body.page-id-1917 #main #post-1917 h2.ptitle,body.page-id-2113 #main #post-2113 h2.ptitle,body.page-id-2112 #main #post-2112 h2.ptitle,body.page-id-2834 #main #post-2834 h2.ptitle{
display:none;
}

/*REGISTER FORM */
.reglink iframe{
width:100%!important;
height: 2168px!important;
}
/*MARQUE*/
.newsline span{
display: none;
}
.newsline marquee {
float: left;
line-height: 40px;
border: 1px solid #CCC;
border-left: none;
width: 100%!important;
margin-bottom: 10px;
}
.newsline {
width: 100%;
}
/*MY PAGE TEST*/
body.page-id-1545 .su-tabs-pane {
padding: 15px 0!important;
}
body.page-id-1545 #account_body_innner_2014 iframe {
width: 360px;
height: 1400px;
}
#account_body_innner_2014 iframe{
width: 100%;
overflow: hidden;
}
#post-1545 #account_body_innner_2014 {
width: 100%;
height: 1400px;
}
/* END OF MY PAGE TEST*/
#sptbnr{
width:100%;
margin-top:20px;
}
#sptbnr a img{
width:100%!important;
height:auto!important;
}
.tuzuki,#tuzuki,.readmore-js-toggle{
font-size:10px;
line-height: 14px;
}
.tuzuki,#tuzuki,#tuzuki-en{
min-height: 30px;
}

ul.subMenu,ul.subMenu li{
margin:0;
padding:0;
font-size:10px;
line-height: 14px;
}
div.archive{
font-size:10px;
line-height: 14px;
cursor:pointer;
}
div.archive:after{
content:"..続きを読む";
}
#logoutButton_en,#logoutButton_cn{
margin: 11px 0px 0px 0px;
}
.cbp-hsmenu > li > a{
line-height:40px!important;
}
body.en .cbp-hsmenu > li > a.lgin.ja,body.ko .cbp-hsmenu > li > a.lgin.ja,body.zh-hant .cbp-hsmenu > li > a.lgin.ja{
display:none;
}
#reco-box .bottomrank .rtitle span.jp{
font-size:10px;

}
body.ko #header #main-nav li{padding:0;}
body.en #header #main-nav li{padding:0;}
body.zh-hant #header #main-nav li{padding:0;}
body.en #footer ul#fnav{width:100%; margin:0 auto;}
body.zh-hant #footer ul#fnav{width:100%; margin:0 auto;}
body.ko #footer ul#fnav{width:100%; margin:0 auto;}
#main .help-box ul#helplist li a, #main .game-box ul#helplist li a{

}
/*1001追加*/
body.ja .beg-box{
border: 0px;
}
.beg-box{
width:96%;
margin:10px 2%;
border: 1px solid #80d52b;

}
.box5.mbnr{
width:96%;
max-width:358px;
margin:10px auto;
display:none;
}
.box4.cam {
clear: both;
float: none;
margin-right: 0;
margin-bottom: 40px;
padding: 0;
border: 0px solid #dfdfdf;
width: 100%;
}
.cam-box,.box5.casino{
width:96%;
margin:10px 2%;
display:block;
}
.cam-box{
display: none;
}
.box5.casino img{
width:100%;
height:auto;
}
body.en .cam-box,body.zh-hant .cam-box{
display: none;
}
.beg-box img,.cam-box img{
width:100%;
height:auto;
}
/*TOP HELP*/
.help-box, .game-box {
float: none;
width: 100%;
}
#main .help-box ul#helplist, #main .game-box ul#helplist {
width: 95%;
margin: 0 auto 20px;
}
#main .game-box ul#helplist li {
float: left;
width: 47%;
margin-right: 6%;
}
#main .help-box ul#helplist li {
float: left;
width: 48%;
margin-right: 4%;
}
#main ul#helplist li.last {
margin-right: 0;
}
.cbottom ul li a {
display: block;
width: 100%;
height: auto;
}
.cbottom ul li {
float: left;
width: 38%;
margin: 0 6%;
}
body.category-3 #contents .ptitle,.cbottom ul li.login{
display:none;
}
/*FOOTER*/
#footer ul#fnav li a {
font-size: 10px;
padding: 0 5px;
}
.fticon .same {
position: absolute;
top: auto;
}
#footer .fticon .same {
width: 15%;
left: 5px;
bottom: 0;
}
#footer .fticon .same2 {
width: 15%;
right: 5px;
bottom: 0;
top:auto;
}
/*LOGIN*/
#forgot_password {
margin: 10px 0;
padding: 0px;
height: 14px;
line-height: 14px;
font-size: 10px;
text-align: center;
border: 0px;
background: none;
}
.cbp-hsmenu > li > a:not(:only-child):before {
display: inline-block;
font-family: 'bpmenu';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
content: url(http://www.redsharks.com/ja/lp/wp-content/uploads/2014/06/arrow-forward.png);
content: ""!important;
font-size: 80%;
margin-right: 0.3em;
opacity: 0.4;
vertical-align: middle;
}
.aff{
height: 0!important;
}
#login_area_2014{
float: none;
width: 100%;
margin: 0px auto 0;
background: none;
}
#register-mobile{
float:left;
width: 47%;
margin-left: 2%;
margin-right: 2%;
text-indent: 15px;
}
#logform{
width: 100%;
margin-top: 10px;
}
#logform .logbox .cbp-hsmenu > li > a{
display: block;
background: url(http://www.redsharks.com/ja/lp/wp-content/uploads/2014/06/login-icon.png)no-repeat;
background-position: left top;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
#register-mobile .cbp-hsmenu > li > a{
text-indent:10px;
}
#btn-box{
width:286px;
margin:	10px auto 0;
float: none;
}
p.username {
margin: 0px 0 0 0;
text-align: center;
font-size:12px;
line-height:25px;
float: none;
/*border-bottom: 1px solid #CCC;*/
}
/*MENU CASINO*/
#header #main-nav li#menu-item-1055{
display:none;
}
/*CAMPAIGN*/
body.category-3 .cblock h3,body.category-campaign-en .cblock h3,body.category-campaign-zh-hant .cblock h3,body.category-campaign-ko .cblock h3{
width: 100%;
height:40px;
margin:10px auto;
text-indent:-10000px;
}
body.category-3 .cblock h3.tone{
background-position:center;
background:url(http://redsharks.com/wp-content/uploads/2014/09/nt-title1-mb-oct.png)no-repeat;
}
body.category-3 .cblock h3.ttwo{
background-position:center;
background:url(http://redsharks.com/wp-content/uploads/2014/09/nt-title2-mb-oct.png)no-repeat;
}
body.category-campaign-en .cblock h3.ttwo{
background-position:center;
background:url(http://redsharks.com/wp-content/uploads/2014/09/nt-title2-mb-oct-en.png)no-repeat;
}
body.category-campaign-en .cblock h3.tone{
background-position:center;
background:url(http://redsharks.com/wp-content/uploads/2014/09/nt-title1-mb-oct-en.png)no-repeat;
}
body.category-campaign-zh-hant .cblock h3.ttwo{
background-position:center;
background:url(http://redsharks.com/wp-content/uploads/2014/09/nt-title2-mb-oct-cn.png)no-repeat;
}
body.category-campaign-zh-hant .cblock h3.tone{
background-position:center;
background:url(http://redsharks.com/wp-content/uploads/2014/09/nt-title1-mb-oct-cn.png)no-repeat;
}
body.category-campaign-ko .cblock h3.ttwo{
background-position:center;
background:url(http://redsharks.com/wp-content/uploads/2014/09/nt-title2-mb-oct-ko.png)no-repeat;
}
body.category-campaign-ko .cblock h3.tone{
background-position:center;
background:url(http://redsharks.com/wp-content/uploads/2014/09/nt-title1-mb-oct-ko.png)no-repeat;
}

/*LOGGED IN*/
#logoutButton {
cursor: pointer;
}

#mypageButton,#logoutButton {
float: left;
width:138px;
margin: 0 0 0 0px;
}
body.page-id-1071 #logoutButton{
margin-top: 0;
}
#logoutButton{
width: 138px;
}
#mypageButton{
margin-right:10px;
}
.login_out_inner #mypageButton a{
display:block;
color:#FFF;
font-weight: bold;
width: 138px;
line-height: 33px;
text-align: center;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background-color: rgba(215, 40, 40, 0.9);
background: rgba(215, 40, 40, 0.9);
}
body.page-id-1071 #nav{

}
.cbp-hsmenu > li.cbp-hsitem-open > a:after {
border-top-color: #5f5f5f!important;
}
.cbp-hsinner {
background: #5f5f5f!important;
}
#register-mobile .cbp-hsinner{
background:url(http://redsharks.com/ja/lp/wp-content/uploads/2014/12/register-icon-bg.png)!important; 
background-position:left top;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.cbp-hsmenu > li > a:hover,.no-touch .cbp-hsmenu > li > a:focus,.cbp-hsmenu > li.cbp-hsitem-open > a{
color:#FFF!important;
}
#logform .cbp-hsinner{
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
#login_area_2014 .login_out_inner{
width:100%;
position: relative;
top:0;
display: block;
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
-webkit-box-shadow: 0px 0px rgba(79,79,79,0.5);
-moz-box-shadow: 0px 0px rgba(79,79,79,0.5);
box-shadow: 0px 0px rgba(79,79,79,0.5);
z-index: 400;
}
#mypageButton,body.page-id-1071 #logoutButton{
float:left;
}

#login_area_2014 .login_out_inner p.radius1,#login_area_2014 .login_out_inner p.radius2{
float:left;
margin: 15px 0px 0px 2%;
background: #FFF;
padding: 1%;
background-color: #FFF;
width: 91%;
height: 25px;
border: 1px solid #CCC;
}
p.radius1 {

}
#login_area_2014 .login_out_inner #loginButton,#login_area_2014 .login_out_inner #loginButton_en,#login_area_2014 .login_out_inner #loginButton_cn,#login_area_2014 .login_out_inner #loginButton_ko{
width: 96%;
margin: 15px 2%;
height: 30px;
background-color: #6a6a6a;
border: 0;
color: #FFF;
}
/*LIVE CASINO*/
#post-988 img{
width:100%;
height:auto;
}
ul#live-list li {
float: left;
margin: 1%;
width: 48%;
}
/*helplist*/
#post-10 #helplist, #post-673 #helplist, #post-674 #helplist {
width:100%;
}
#post-10 h3, #post-673 h3, #post-674 h3 {
font-size: 16px;
padding: 10px 5px 0;
line-height: 30px;
}
#post-10 #helplist li, #post-673 #helplist li, #post-674 #helplist li {
margin: 5%;
width: 39%;
float: left;
}
#helplist li a img,#main .page img,.postbody img{
width:100%;
height:auto;
}
#post-6 h2, #post-685 h2, #post-686 h2 {
font-size: 12px;
}
body.page #main h2.ptitle{
font-size: 20px;
}
p.btn-play2,p.btn-play {
width: 100%;
float: none;
}
.bg-bottom {
width: 100%;
margin: 0 auto;
}
.cblock {
width: 96%;
margin: 0 auto;
}
.cbottom {
width: 100%;
margin: 60px auto;
}
h4.kiya {
font-weight: bold;
text-align: center;
border-bottom: 1px solid #CCC;
width: 100%;
margin: 0 auto;
}
.cblock2 {
width: 96%;
height: 200px;
margin: 0 auto 30px;
overflow: auto;
border-bottom: 1px solid #CCC;
}
#main .game-box ul#helplist li a.hp1,#main .game-box ul#helplist li a.hp2,#main .help-box ul#helplist li a.hp3,#main .help-box ul#helplist li a.hp4{
border:0;
width:100%;
height:auto;
}
#main .help-box ul#helplist li a.hp3 img{
border:1px solid #ff952b;
}
#main .help-box ul#helplist li a.hp4 img{
border:1px solid #80bfff;
}
/*GAMELIST*/
#reco-box h2.toptitle{
line-height:40px;
font-size:16px;
font-weight:bold;
font-family: Verdana, Roboto, 'Droid Sans', Meiryo, 'ＭＳ Ｐゴシック', 'Hiragino Kaku Gothic ProN', sans-serif;
color: rgba(0,0,0,.8);
text-shadow: 0 1px 0 rgba(255,255,255,.5);
text-indent:10px;
background: -webkit-linear-gradient(top, #cacaca, #848484);
	background: -moz-linear-gradient(top, #cacaca, #848484);
	background: -ms-linear-gradient(top, #cacaca, #848484);
	background: -o-linear-gradient(top, #cacaca, #848484);
	background: linear-gradient(to bottom, #cacaca, #848484);
}
body.en #reco-box h2.toptitle{
font-size:12px;
}
#reco-box p.more{
margin:0 0 20px 0;
width: 100%;
}
#reco-box p.more  a{
font-size:12px;
padding: 10px 0;
text-align: left;
width: 100%;
font-weight:bold;
font-family: Verdana, Roboto, 'Droid Sans', Meiryo, 'ＭＳ Ｐゴシック', 'Hiragino Kaku Gothic ProN', sans-serif;
color: rgba(0,0,0,.8);
text-shadow: 0 1px 0 rgba(255,255,255,.5);
text-indent:10px;
background: -webkit-linear-gradient(top, #cacaca, #848484);
	background: -moz-linear-gradient(top, #cacaca, #848484);
	background: -ms-linear-gradient(top, #cacaca, #848484);
	background: -o-linear-gradient(top, #cacaca, #848484);
	background: linear-gradient(to bottom, #cacaca, #848484);

}
.bottomrank .disc {
padding: 0 1%;
width: 76%;

}

#main .bottomrank .leftc {
width: 100%;
float: none;
margin-right: 0;
padding: 9px 0;
}
ul.sub_menu li,div.main_menu{
font-size:10px;
line-height: 14px;

}
ul.sub_menu{
margin:0;
}
.bottomrank .disc p, .disc p {
font-size: 10px;
padding-top: 0!important;
line-height: 14px;
}
#main .disc p.koti{
height:20px;
font-size:10px!important;
margin:0;
width:100%;
clear:both;
}
.nametitle{
margin-bottom:10px;
}
body.page #main #post-21 .disc p {
margin-top: 0;
margin-bottom: 10px;
}
#main .imgthum img{
width:100%!important;
height:auto!important;
}
#main .imgthum{
padding: 0;
width: 20%!important;
margin: 0 0 0 0;
}
#main .category-topics .imgthum{
padding: 0 5%;
width: 90%!important;
float:none;
}
#main .category-topics .disc{
width: 96%;
padding:0 2%;
}
body.page #main .rank-ico{
width:12%;
display: none;
}
#post-53 #post-21 {
border-bottom: 1px solid #b4b4b4;
padding-bottom: 20px;
margin-bottom: 0px;
}
p.btn-play2, p.btn-play {
width: 80%;
margin: 10px auto;
float: none;
}
p.more {
text-align: center;
width: 150px;
margin: 20px auto 10px;
}
.rank-ico{
display:none;
}
#post .rtitle h1,.rtitle h1, #main .bottomrank .rtitle h1,.rtitle h1{
font-size:16px;
line-height: 16px;
font-family: 'Hammersmith One', sans-serif;
}
#main .bottomrank.post .rtitle {
padding-left: 4px;
width:100%;
}
#main .bottomrank.post .rtitle span.jp{
display:block;
float:left;
font-size:12px;
width:100% !important;
}
.rtitle h1 {
margin:0;
}
.post {
width: 100%;
margin: 0 auto;
}
.disc .btn a,#main .disc .btn a {
display: block;
background: #5f5f5f;
color: #FFF;
padding:0;
width: 100%;
text-align: center;
font-size: 10px;
float: none;
margin-right: 0;
margin-top: 20px;
line-height: 30px;
-moz-border-radius: 0.312rem;
-webkit-border-radius: 0.312rem;
border-radius: 0.312rem;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
#main .disc .btn2 a.btn2 {
display: block;
background: #aa0000;
color: #FFF;
padding: 0;
width: 100%;
text-align: center;
font-size: 11px;
float: none;
margin-top: 0px;
line-height: 30px;
margin: 0!important;
-moz-border-radius: 0.312rem;
-webkit-border-radius: 0.312rem;
border-radius: 0.312rem;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.disc .btn {
width: 35%;
float: left;
margin-bottom: 2%;
margin-left: 2%;
margin-top: 20px;
}
.disc .btn2 ,.disc .btn3{
width: 35%;
margin-left: 2%;
float:left;
margin-bottom: 2%;
}
.disc .btn3{
float:left;
clear:none;
margin-bottom: 2%;
}
#main .bottomrank .disc {
padding: 0 0 0 1%;
width: 79%;
}
#main .category-topics,#main .category-topics-en,#main .category-topics-zh-hant{
padding:0 2%;
width:96%;
}
#main .category-topics h2,#main .category-topics-en h2,#main .category-topics-zh-hant h2{
font-size:14px;
}
#main .disc img{
width:100% !important;
height:auto !important;
}
#main .disc,#main .imgthum {
float: left;
}
#post-21 .disc p.koti,#main .bottomrank .disc p.koti {
clear: both;
display: block;
margin-left: 0;
padding-top: 5px;
font-size:10px!important;
display: block;
width:100%;
}

.casino-games li {
width: auto;
margin:0 3px 3px 0!important;
}
#main .disc .btn{
clear:none;
}
.disc .btn a,#main .disc .btn a {
margin:0;
width: 100%;
}
#container, .wrapper{
width:100%;
}
#header {
margin-bottom: 0px;
width: 100%;
margin: 0 0 30px 0;
height:50px;
padding: 0!important;
border: none;
}
body.home #header {
margin-bottom: 20px;
}
#main{
padding: 0px 0%;
min-width: 100%;
max-width: 100%;
width: 100%;
}

.intro{
text-align:left;
width: 96%;
padding: 20px 2%;
}
.intro span{
display: inline;
}
.intro span.h4{
display: none;
}

/***********************
新 ゲームリスト
************************/
.game-info{
width:63%;
float:left;
}
body.term-mobile .first, body.term-mobile .bottomrank,#main .bottomrank.post{
width: 98%;
float: none;
margin-right: 0;
margin-bottom:0;
border-bottom: 0.062rem solid #d3d3d3;
-moz-box-shadow: 0 0.062rem 0 rgba(211,211,211,0.9);
-webkit-box-shadow: 0 0.062rem 0 rgba(211,211,211,0.9);
box-shadow: 0 0.062rem 0 rgba(211,211,211,0.9);
background-color: #EEEEEE;
background-image: -moz-linear-gradient(90deg, #e0e0e0 0%, #fff 50%, #fff 100%);
background-image: -webkit-linear-gradient(90deg, #e0e0e0 0%, #fff 50%, #fff 100%);
background-image: -o-linear-gradient(90deg, #e0e0e0 0%, #fff 50%, #fff 100%);
background-image: -ms-linear-gradient(90deg, #e0e0e0 0%, #fff 50%, #fff 100%);
background-image: linear-gradient(top, #e0e0e0 0%, #fff 50%, #fff 100%);
padding: 9px 1% 9px;
}
#main .bottomrank .imgthum, #main .first .imgthum{
margin-right:0;
}
#main .bottomrank .imgthum img, #main .first .imgthum img, .rank-ico img{
width: 100% !important;
height: auto !important;
}
#main .bottomrank span.icon-new{
width:38px;
height:16px;
display: block;
margin: 0 auto;
background:url(http://www.redsharks.com/ja/lp/wp-content/uploads/2014/06/icon-new.gif) no-repeat;
}
#main .bottomrank span.icon-recom{
float:none;
display: block;
margin: 0 auto;
width:50px;
height:16px;
background:url(http://www.redsharks.com/ja/lp/wp-content/uploads/2014/06/icon-reco2.gif) no-repeat;
}
body.en #main .page .bottomrank .leftc span.flag.recom,body.zh-hant #main .page .bottomrank .leftc span.flag.recom,body.ko #main .page .bottomrank .leftc span.flag.recom{
background:url(http://www.redsharks.com/ja/lp/wp-content/uploads/2014/09/icon-reco-en.gif) no-repeat;
}
/***********************
古い
************************/
#post-21 {
padding-top: 9px;
padding: 0 1%;
width: 98%;
}
#main .bottomrank.post{
margin-bottom:0;
}
#main .metaslider-17, #main .metaslider-541, #main .metaslider-806 {
float: none;
width: 100%;
margin-right: 0;
margin-bottom: 20px;
}

#main .box3 {
position: relative;
overflow: hidden;
width: 96%;
margin: 0 auto;
height: 150px;
float: none;
border: 1px solid #80d52b;
margin-bottom: 40px;
display:none;
}
#main .box3 a {
display: block;
width: 100%;
height: 150px;
background:url(http://www.redsharks.com/ja/lp/wp-content/uploads/2014/06/begginer-mobile.jpg)no-repeat;
background-position:center;
text-indent: -10000px;
}
#main .box3 a:hover{
background:url(http://www.redsharks.com/ja/lp/wp-content/uploads/2014/06/begginer-mobile.jpg)no-repeat;
background-position:center;
}

.smooth_slider img{
margin: 0 2% 0 0px!important;
max-height: auto!important;
width: 40%!important;
height: auto!important;
}
.smooth_slider h2{
float:left;
width:47%;
}
.smooth_slider .smooth_slideri{
width:92%!important;
margin:0 4%!important;
}
.smooth_slider .rtitle {
float: left;
padding-left: 4%;
clear: none;
width: 73%;
}
.smooth_slider .rank-ico {
width: 23%;
float: left;
}
.smooth_slider h2 {
clear: none;
display: block;
padding: 0px;
width: 50%;
}
.smooth_slider .rank-ico img{
width:100%!important;
}
#smooth_slider_bestgame .smooth_sliderb span {
display: block !important;
overflow: hidden;
width: 340px;
float: right;
clear: right;
margin: 0 0px 0 0;
line-height: 18px
padding: 10px;
}
.bottom-box {
clear: both;
width: 100%;
margin: 0 auto;
display: block;
overflow: hidden;
}
.game-box {
float: none;
width: 100%;
margin:0;
}
.help-box h3, .game-box h3 {
text-align: center;
width: 100%;
margin: 10px auto 20px;
background-position: center;
text-indent: 10000px;
}
#footer {
clear: both;
background: #dfdfdf;
color: #000;
padding: 10px 0 65px;
width: 100%;
margin: 0 auto;
}
#footer ul#fnav {
width: 100%;
margin: 0;
}
#nav > a {
width: 90%;
margin:0;
text-align: center;
position: relative;
border: 1px solid #d5d5d5;
line-height: 1;
font-size:1em;
padding: 1.25em 0 1em;
}
#toggle {
  display: block;
  width: 28px;
  height: 30px;
  margin: 30px auto 10px;
}
#nav > a#toggle{
width: 28px;
height: 30px;
border:0;
position: absolute;
top: -54px;
left: 5px;
}

#toggle span:after,
#toggle span:before {
  content: "";
  position: absolute;
  left: 0;
  top: -9px;
}
#toggle span:after{
  top: 9px;
}
#toggle span {
  position: relative;
  display: block;
}

#toggle span,
#toggle span:after,
#toggle span:before {
  width: 100%;
  height: 5px;
  background-color: #888;
  transition: all 0.3s;
  backface-visibility: hidden;
  border-radius: 2px;
}

/* on activation */
#toggle.on span {
  background-color: transparent;
}
#toggle.on span:before {
  -webkit-transform: rotate(45deg) translate(5px, 5px);
-moz-transform: rotate(45deg) translate(5px, 5px);
}
#toggle.on span:after {
  -webkit-transform: rotate(-45deg) translate(7px, -8px);
    -moz-transform: rotate(-45deg) translate(7px, -8px);
}
#toggle.on + #menu {
  opacity: 1;
}

#nav
    {
        position: relative;
    }
        #nav > a
        {
        }
        #nav:not( :target ) > a:first-of-type,
        #nav:target > a:last-of-type
        {
            display: block;
font-weight:bold;
        }
 
    /* first level */
 
    #nav > ul
    {
        height: auto;
        display: none;
        position: absolute;
        left: 0;
        right: 0;
    }
        #nav:target > ul
        {
            display: block;
        }
        #nav > ul > li
        {
            width: 100%;
            float: none;
        }
 
    /* second level */
 
    #nav li ul
    {
        position: static;
    }

.langselect {
position: absolute;
top: 0px;
right: 5px;
}
#lang_sel ul{
z-index:800;
}
#lang_sel li {
float: left;
width: 35px;
z-index: 900;
position: relative;
}
#lang_sel a.lang_sel_sel {
background: url(../img/nav-arrow-down.png) #fff right no-repeat;
color: #444;
text-indent: -10000px;
}
#lang_sel a.lang_sel_sel.icl-ja,#lang_sel ul li.icl-ja a{
background: url(http://www.redsharks.com/ja/lp/wp-content/uploads/2014/06/flag-jp1.jpg) #fff right no-repeat;
text-indent: -10000px;
}
#lang_sel a.lang_sel_sel.icl-en,#lang_sel ul li.icl-en a{
background: url(http://www.redsharks.com/ja/lp/wp-content/uploads/2014/06/flag-en1.jpg) #fff right no-repeat;
text-indent: -10000px;
}
#lang_sel a.lang_sel_sel.icl-zh-hant,#lang_sel ul li.icl-zh-hant a{
background: url(http://www.redsharks.com/ja/lp/wp-content/uploads/2014/06/flag-cn1.jpg) #fff right no-repeat;
text-indent: -10000px;
}
#lang_sel a.lang_sel_sel.icl-ko,#lang_sel ul li.icl-ko a{
background: url(http://www.redsharks.com/ja/lp/wp-content/uploads/2014/09/flag-ko.jpg) #fff right no-repeat;
text-indent: -10000px;
}
#lang_sel a, #lang_sel a:visited {
display: block;
font-size: 11px;
text-decoration: none !important;
color: #444444;
border: 1px solid #cdcdcd;
background: #fff;
padding-left: 0;
line-height: 21px;
}
#lang_sel ul ul {
top: 22px;
left: 0;
width: 35px;
border-top: 1px solid #cdcdcd;
}
#lang_sel ul ul a, #lang_sel ul ul a:visited {
background: #ffffff;
color: #444444;
height: auto;
line-height: 21px;
padding: 0;
border-width: 0 1px 1px 1px;
}
#header #main-nav {
margin: 0;
width: 100%;
z-index: 800;
background:#FFF;
}
#header #main-nav li {
float: none;
padding: 0;
}
#header nav {
float: none;
margin-left: 0px;
margin-bottom: 0px;
position: relative;
width: 100%;
border: none;
}
#header #main-nav li a {
display: block;
border: 1px solid #d5d5d5;
padding: 1.25em 0 1em;
text-indent: 10px;
font-size: 1em;
line-height: 1;
}
#header #main-nav li.menu-item:before{
content: '';
padding: 0;
background: none;
}
/*MENU ICON*/
/*HOME*/
#header #main-nav li#menu-item-4911 a:before,#header #main-nav li#menu-item-4878 a:before,#header #main-nav li#menu-item-5665 a:before,#header #main-nav li#menu-item-5670 a:before{
content: '';
padding: 10px;
margin-right: 10px;
background: url("http://www.redsharks.com/ja/lp/wp-content/uploads/2014/06/icon-nv1.png") center center no-repeat;
}
/*SPORT BET*/
#header #main-nav li#menu-item-4912 a:before,#header #main-nav li#menu-item-4879 a:before,#header #main-nav li#menu-item-5666 a:before,#header #main-nav li#menu-item-5671 a:before,li#menu-item-2729 a:before{
content: '';
padding: 10px;
margin-right: 10px;
background: url("http://www.redsharks.com/ja/lp/wp-content/uploads/2014/06/icon-nv2.png") center center no-repeat;
}
/*GAME*/
#header #main-nav li#menu-item-4913 a:before,#header #main-nav li#menu-item-4877 a:before,#header #main-nav li#menu-item-5667 a:before,#header #main-nav li#menu-item-5672 a:before{
content: '';
padding: 10px;
margin-right: 10px;
background: url("http://www.redsharks.com/ja/lp/wp-content/uploads/2014/06/icon-nv3.png") center center no-repeat;
}
/*HELP*/
#header #main-nav li#menu-item-5664 a:before,#header #main-nav li#menu-item-4916 a:before,#header #main-nav li#menu-item-5669 a:before,#header #main-nav li#menu-item-5674 a:before{
content: '';
padding: 10px;
margin-right: 10px;
background: url("http://www.redsharks.com/ja/lp/wp-content/uploads/2014/06/icon-nv4.png") center center no-repeat;
}
/*BEGGINER*/
#header #main-nav li#menu-item-4915 a:before,#header #main-nav li#menu-item-4882 a:before,#header #main-nav li#menu-item-5668 a:before,#header #main-nav li#menu-item-5673 a:before{
content: '';
padding: 10px;
margin-right: 10px;
background: url("http://www.redsharks.com/ja/lp/wp-content/uploads/2014/06/icon-nv5.png") center center no-repeat;
}

/*LIVE CASINO*/
#header #main-nav li#menu-item-4914 a:before,#header #main-nav li#menu-item-4880 a:before,#header #main-nav li#menu-item-1057 a:before,#header #main-nav li#menu-item-2816 a:before{
content: '';
padding: 10px;
margin-right: 10px;
background: url("http://www.redsharks.com/ja/lp/wp-content/uploads/2014/05/icon-nv8.png") center center no-repeat;
}

/*あそび方*/
#header #main-nav li#menu-item-4881 a:before {
content: '';
padding: 11px;
margin-right: 7px;
background: url("images/icon-nv-asobi.png") center center no-repeat;
}
#logo {
text-align: center;
margin: 10px 0 10px 0;
float: none;
}
#logo a img{
width:150px!important;
height:auto!important;
}
.ui-tabs-nav li a {
width: auto;
height: 40px;
line-height: 40px;
text-indent: 0px;
padding: 0 10px!important;
color:#5f5f5f!important;
}
.tab1, .tab2, .tab3, .tab4, .tab5, .tab6, .tab7, .tab8 {
height: 40px;
}
.ui-tabs-nav li {
min-height: 42px !important;
}
.ui-tabs-nav .ui-tabs-selected a.tab1,.ui-tabs-nav .ui-tabs-selected a.tab2,.ui-tabs-nav .ui-tabs-selected a.tab3,.ui-tabs-nav .ui-tabs-selected a.tab4,.ui-tabs-nav .ui-tabs-selected a.tab5,.ui-tabs-nav .ui-tabs-selected a.tab6,.ui-tabs-nav .ui-tabs-selected a.tab7,.ui-tabs-nav li.tab2 a,.ui-tabs-nav li.tab3 a,.ui-tabs-nav li.tab4 a,.ui-tabs-nav li.tab5 a,.ui-tabs-nav li.tab6 a,.ui-tabs-nav li.tab7 a,.ui-tabs-nav li.tab8 a,.ui-tabs-nav li.tab9 a,.ui-tabs-nav li.tab10 a,.ui-tabs-nav li.tab1 a{
background: rgb(255,255,255)!important; /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%)!important; /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1)))!important; /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%)!important; /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%)!important; /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%)!important; /* IE10+ */
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%)!important; /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 )!important; /* IE6-9 */
border-radius: 0.437rem;
font-size: small;
border: 1px solid #C3C3C1;
}
#ui-tab .ui-tabs-selected a{
background: rgb(125,126,125)!important; /* Old browsers */
background: -moz-linear-gradient(top,  rgba(125,126,125,1) 0%, rgba(14,14,14,1) 100%)!important; /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(125,126,125,1)), color-stop(100%,rgba(14,14,14,1)))!important; /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%)!important; /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%)!important; /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%)!important; /* IE10+ */
background: linear-gradient(to bottom,  rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%)!important; /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#0e0e0e',GradientType=0 )!important; /* IE6-9 */

color:#FFF!important;
}
/*レッドシャークスでの遊び方 mobile*/
#how-to-play #block.six li a{
font-size:12px !important;
}
#how-to-play #block.six .txt{
padding:10px;
}
#how-to-deposit .disc h3 span.small.pc,span.small.pc,span.pc{
display:none;
}
body.page #how-to-play #main h2 .h2 {
background: url(images/asobi/h2-deco.png) no-repeat;
background-position: center top;
width: 100%;
height: 60px;
display: block;
margin: 0 auto;
text-indent: -25px;
text-align: center;
}
#how-to-play .flow span {
display: block;
line-height: 18px;
width: 154px;
padding-top: 55px;
margin: 0;
text-align: center;
float: none;
}
#how-to-play table th{
padding: 0 5px;
font-size:12px;
}
#how-to-play table td{
padding: 5px;
font-size:12px;
}
#how-to-play span.arrow4 {
display: block;
width: 100%;
height: 161px;
margin-right: 0;
background: url(images/asobi/arrow4-mb.png) no-repeat;
background-position: center;
float: none;
}
#how-to-play span.arrow3 {
display: block;
width: 100%;
height: 161px;
margin-right: 0;
background: url(images/asobi/arrow3-mb.png) no-repeat;
background-position: center;
float: none;
}
#how-to-play .flow {
color: #ff8000;
text-align: center;
width: 200px;
margin: 0 auto;
line-height: 165px;
min-height: 214px;
text-indent: -37px;
font-size: 16px;
float: none;
}
#how-to-play .flow.one {
margin: 0px auto;
background: url(images/asobi/fl1.png) no-repeat;
background-position: center;
line-height: 174px;
}
#how-to-play .flow.two{
text-indent: -38px;
}
#how-to-play h3.mt1 {
position: relative;
background: none;
line-height: 20px;
color: #4a4a4a;
padding: 0px 10px;
text-indent: 0px;
margin-bottom: 15px;
border-bottom: 0;
}
#how-to-play .st1,#how-to-play .st2,#how-to-play .st3 {
width: 236px;
height: 106px;
margin: 0px auto 10px;
}
#how-to-play .st {
float: none;
}
#how-to-play span.arrow {
display: block;
width: 100%;
height: 80px;
background: url(images/asobi/arrow-down.png) no-repeat;
background-position: center;
float: none;
}
/*how to deposit mobile*/
#how-to-deposit .disc span.small.mb{
font-size:12px;
margin-top:-10px;
margin-bottom:20px;
display:block;
padding:0 10px;
}
#how-to-deposit .disc h3{
font-size: 11px;
padding-left: 30px;
}
#how-to-deposit .disc h3.t1:before,#how-to-deposit .disc h3.t2:before,#how-to-deposit .disc h3.t3:before,#how-to-deposit .disc h3.t4:before,#how-to-deposit .disc h3.t5:before{
left:5px;
}
#how-to-deposit .disc h3.t1:before{
content:url(images/asobi-link/st1-mb.png);
position: absolute;
width:20px;
height:20px;
top: 50%;
margin-top: -15px;
}
#how-to-deposit .disc h3.t2:before{
content:url(images/asobi-link/st2-mb.png);
position: absolute;
width:20px;
height:20px;
top: 50%;
margin-top: -15px;
}
#how-to-deposit .disc h3.t3:before{
content:url(images/asobi-link/st3-mb.png);
position: absolute;
width:20px;
height:20px;
top: 50%;
margin-top: -15px;
}
#how-to-deposit .disc h3.t4:before{
content:url(images/asobi-link/st4-mb.png);
position: absolute;
width:20px;
height:20px;
top: 50%;
margin-top: -15px;
}
#how-to-deposit .disc h3.t5:before{
content:url(images/asobi-link/st5-mb.png);
position: absolute;
width:20px;
height:20px;
top: 50%;
margin-top: -15px;
}
#how-to-deposit .disc h3.t6:before{
content:url(images/asobi-link/st6-mb.png);
position: absolute;
width:20px;
height:20px;
top: 50%;
margin-top: -15px;
}
#how-to-deposit .disc .add {
font-size: 12px;
border-bottom: 2px solid #4a4a4a;
padding: 10px;
margin-bottom: 20px;
}
.mb {
display: block;
}
#post-1497 iframe,#post-2820 iframe{
width:100% !important;
}

#footer .fticon ul{width:60%;}
#footer .fticon ul li{width:30%; margin-right:20%;}
#footer .fticon ul li.last{margin-right:0;}
#footer .fticon ul li img{width:100%;}
#footer .fticon{padding:10px; clear: both;}
.fticon .same img, .fticon .same2 img{width:100%!important; height:auto;}
body.page-id-1071 #header{padding:0; width:100%;}
body.page-id-1071 .fb,p#copyright{display:none;}
body.page-id-1071 #footer{width:100%; padding:0;}
#post-1071 .su-tabs-panes img,#post-1497 .su-tabs-panes img,#post-1496 .su-tabs-panes img,#post-2820 .su-tabs-panes img{width:100%; height:auto;}
#post-1071 .su-tabs-pane,#post-1497 .su-tabs-pane,#post-1496 .su-tabs-pane,#post-2820 .su-tabs-pane{padding:0; background:#0000aa;}
#post-1071 .su-tabs-nav span.su-tabs-current,#post-1497 .su-tabs-nav span.su-tabs-current,#post-1496 .su-tabs-nav span.su-tabs-current,#post-2820 .su-tabs-nav span.su-tabs-current{
-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9) );
	background:-moz-linear-gradient( center top, #f9f9f9 5%, #e9e9e9 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9');
	background-color:#f9f9f9;
	-webkit-border-top-left-radius:6px;
	-moz-border-radius-topleft:6px;
	border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
	-moz-border-radius-topright:6px;
	border-top-right-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	-moz-border-radius-bottomright:6px;
	border-bottom-right-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	-moz-border-radius-bottomleft:6px;
	border-bottom-left-radius:6px;
	text-indent:0;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#0084f7;
text-shadow:1px 1px 0px #ffffff;
}
#post-1071 .su-tabs,#post-1497 .su-tabs,#post-1496 .su-tabs,#post-2820 .su-tabs{background:#0000aa; position:relative;}
#post-1071 .su-tabs-nav,#post-1497 .su-tabs-nav,#post-1496 .su-tabs-nav,#post-2820 .su-tabs-nav{
position:absolute;
bottom:-20px;
width: 100%;
background: #0000aa;
}
#post-1071 .su-tabs-panes,#post-1497 .su-tabs-panes,#post-1496 .su-tabs-panes,#post-2820 .su-tabs-panes{
padding-bottom:90px;
}
#post-1071 .su-tabs-nav span,#post-1497 .su-tabs-nav span,#post-1496 .su-tabs-nav span,#post-2820 .su-tabs-nav span{
width:32.4%; 
text-align:center;  
margin-bottom: 2px;
-moz-box-shadow:inset 0px 1px 0px 0px #97c4fe;
-webkit-box-shadow:inset 0px 1px 0px 0px #97c4fe;
box-shadow:inset 0px 1px 0px 0px #97c4fe;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #3d94f6), color-stop(1, #1e62d0) );
background:-moz-linear-gradient( center top, #3d94f6 5%, #1e62d0 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d94f6', endColorstr='#1e62d0');
background-color:#3d94f6;
-webkit-border-top-left-radius:6px;
-moz-border-radius-topleft:6px;
border-top-left-radius:6px;
-webkit-border-top-right-radius:6px;
-moz-border-radius-topright:6px;
border-top-right-radius:6px;
-webkit-border-bottom-right-radius:6px;
-moz-border-radius-bottomright:6px;
border-bottom-right-radius:6px;
-webkit-border-bottom-left-radius:6px;
-moz-border-radius-bottomleft:6px;
border-bottom-left-radius:6px;
text-indent:0;
border:1px solid #337fed;
display:inline-block;
color:#ffffff;
text-shadow:1px 1px 0px #1570cd;
line-height:30px;
font-weight:bold;

}

#container,.wrapper {
width:100% !important;
}
body.page-id-1071 #main {
padding: 0px 0px;
min-width: 100%!important;
max-width: 100%!important;
width: 100%!important;
clear: both;
position: relative;
}
body.page-id-1071 #main iframe,body.page-id-1496 #main iframe,#post-3763 iframe{
width:100%!important;
}
}