@charset "utf-8";
#wrap {float:left; width:100%;height:100%; position:relative; overflow:hidden; background:url(../images/bg.jpg) center top no-repeat; background-size:cover;}

/*-------------------------------------------------------------------------------------*
 *  landing                                                                             *
 *-------------------------------------------------------------------------------------*/
.landing_box{width:1400px; margin:0 auto; position:absolute; top:20px; left:50%; margin-left:-700px; transition:all 0.5s;}

.bg_top_item01{float:left; width:100%; margin:30px 0 0 0; text-align:center; mix-blend-mode: lighten;}
.bg_top_item01 img{transition:all 0.5s;}
.bg_bottom_item01{margin:200px 0 0 0; float:left; transition:all 0.5s;}
.bg_bottom_item02{margin:260px 0 0 0; float:right; transition:all 0.5s;}

.logo{position:absolute; left:50%; margin-left:-163px; z-index:10; transition:all 0.5s;}
.logo a{display:block; position:relative; z-index:10; transform: translateZ(-100px); transition:all 0.5s;}
.logo a img{width:100%; max-width:326px; transition:all 0.5s;}
.logo_item{float:left; width:100%; text-align:center;  z-index:10; transition:all 0.5s;}
.logo_item img{width:100%; max-width:640px; transition:all 0.5s;}
.logo_right{position:absolute; left:0; top:0; filter: brightness(1.5); transition:all 0.5s;}


.jackpot_zone{float:left; width:100%; position:relative; transition:all 0.5s;}
.title_item01{position:absolute; left:0; top:5px; transition:all 0.5s;}
.title_jackpot{float:left; width:100%; margin:40px 0 0 0; text-align:center; position:relative; transition:all 0.5s;}
.title_jackpot_img{width:100%; max-width:431px; transition:all 0.5s;}
.bg_title_item01{float:left; width:100%; text-align:center; position:absolute; bottom:-70px; transition:all 0.5s;}
.bg_title_item01 img{width:100%; max-width:736px; transition:all 0.5s;}
.title_jackpot_item01{float:left; width:100%; text-align:center; mix-blend-mode: lighten; position:absolute; top:-35px;}
.title_jackpot_item01 img{width:100%; max-width:535px; transition:all 0.5s;}
.title_text{float:left; width:100%; padding:16px 0 18px 0; text-align:center; background:url(../images/bg_title.png) center top no-repeat; position:relative; z-index:1; filter: drop-shadow(0px 30px 20px rgba(0,0,0,0.9)); transition:all 0.5s;}
.game_zone{float:left; width:100%; margin:10px 0 0 0; display:flex; transition:all 0.5s;}
.game_zone_l{float:left; width:50%; text-align:center; padding:40px 0 70px 0; transition:all 0.5s;}
.game_zone_r{float:left; width:50%; position:relative; transition:all 0.5s;}
.game_zone_r img{width:100%; max-width:650px; transition:all 0.5s;}
.game_item{position:absolute; right:-185px; top:-150px; transition:all 0.5s;}
.game_title{float:left; width:100%;}
.game_title img{width:100%; max-width:600px; transition:all 0.5s;}
.game_btn{float:left; width:100%; margin:27px 0 0 0; transition:all 0.5s;}
.game_btn a{display:inline-block;}
.game_btn a.game_btn_m{display:none;}

.game_btn a img{width:100%; max-width:640px; transition:all 0.5s;}
.game_ex{float:left; width:100%; margin:27px 0 0 0; transition:all 0.5s;}
.game_ex a{display:inline-block; padding:0 15px; max-width:50%; transition:all 0.5s;}
.game_ex a.game_ex_m{display:none;}
.game_ex a img{width:100%;max-width: 290px;transition:all 0.5s;}
.text_zone{float:left; width:100%; position:relative; transition:all 0.5s;}
.text01{float:left; width:100%; text-align:center; font-family:'GmarketSans'; font-weight:500; font-size:24px; color:#ffa200; text-shadow:2px 0 3px rgba(0,0,0,0.8); line-height:1.6; transition:all 0.5s;}
.text02{float:left; width:100%; text-align:center; font-family:'GmarketSans'; font-weight:500; font-size:24px; color:#fee4b3; text-shadow:2px 0 3px rgba(0,0,0,0.8); line-height:1.6; transition:all 0.5s;}
.text02 span{display:block; transition:all 0.5s;}
.bottom_zone{float:left; width:100%; margin:0px 0 0 0; position:relative; text-align:center; transition:all 0.5s;}
.bottom_zone img{width:100%; max-width:660px; filter: brightness(2); transition:all 0.5s;}

.down{width: 40%; margin: 0 auto;}
.down ul{padding: 0px; margin: 0px;}
.down ul li{list-style:none;}

@media screen and (max-width:1740px) {
.bg_top_item01 img{width:100%}
}

@media screen and (max-width:1440px) {
.landing_box{width:100%; position:static; margin:0;}
.bg_top_item01{position:absolute; top:120px;}
.bg_bottom_item01{display:none;}
.bg_bottom_item02{display:none;}
.title_item01{display:none;}

}

@media screen and (max-width:1024px) {
.game_zone{margin:20px 0 0 0; flex-wrap:wrap;}
.game_zone_l{width:100%; padding:0 20px;}
.game_zone_r{width:100%; margin:50px 0 0 0; padding:0 0 0 50px;}
.game_item{right:0px; top:-60px;}
.jackpot_zone{width:100%;}
.text_zone{padding:0 20px;}
.text01{font-size:18px;}
.text02{font-size:18px;}
.title_text{filter:none; background-size:150% 100%;}
.title_text_img{width:100%; max-width:565px; transition:all 0.5s;}
}

@media screen and (max-width:768px) {
.game_ex{float:left; width:50%; margin:27px 0 0 0; transition:all 0.5s;}
.down{width: 95%; margin: 0 auto;}
.game_ex{width:100%;}
.logo_item{margin:20px 0 0 0;}
.logo{width:50%; top:30px; transform: translate(-50%); margin-left:0px;}
.logo a img{}	
.text01{font-size:15px;}
.text02{font-size:15px;}	

.title_jackpot_img{width:70%;}
.title_jackpot_item01 img{width:70%;}
.bg_title_item01{bottom:-30%;}
.title_text_img{width:80%;}
.game_zone_r{padding:0 20px; text-align:center;}
.game_item{display:none;}
.game_btn a.game_btn_m{display:inline-block;}
.game_btn a.game_btn_pc{display:none;}
.game_ex a{max-width:50%;}
.game_ex a.game_ex_m{display:inline-block;}
.game_ex a.game_ex_pc{display:none;}
}

@media screen and (max-width:450px) {
.text01{font-size:13px;}
.text02{font-size:13px;}
}