@charset "utf-8";
body{background: #000; color: #fff;}

a:link { color: #af6fff; text-decoration: none;}
a:visited { color: #af6fff; }
a:hover { color: #af6fff; text-decoration: underline;}
a:active { color: #af6fff; }

.at{padding: 16px; font-size: 90%;}
.at2{padding: 16px 16px 16px 0; font-size: 90%;}

.index_top_banner_box{ width: 95%; max-width: 1000px; margin: 0 auto; padding: 32px 0;}
.index_top_banner_box li{border: solid 1px #000;}

.index_top_banner_full_box{width: 95%; max-width: 850px; margin: 0 auto; padding-top: 12px; }
.index_top_banner_full_box img{width: 100%; max-width: 990px;}

.index_top_banner_full_box + .index_top_banner_box{padding: 12px 0 32px 0;}

.index_top_banner_half_box{width: 95%; max-width: 850px; margin: 0 auto; padding-top: 12px; }
.index_top_banner_half_box li{width: 49%; padding: 0 0.5%;  float: left;}

.index_top_banner_box_block{ width: 95%; max-width: 1000px; margin: 0 auto; padding: 32px 0;}
.index_top_banner_box_block li{width: calc(25% - 4px); border: solid 1px #000; padding: 1px; float: left;}


.submenu-box{width: 95%; max-width: 390px; margin: 0 auto 32px auto;}
.submenu-box li{text-align: center;}
.submenu-box li:after{ content:"|";}
.submenu-box li:first-child:before{ content:"|";}

.submenu-box a{color: #fff; padding: 0 5px;}

.sample-box{width: 95%; max-width: 1000px; margin: 0 auto;}
.sample-box2{width: 95%; max-width: 1500px; margin: 0 auto;}

.game_info{width: 95%; max-width: 750px; margin: 0 auto; padding-bottom: 32px; padding-top: 32px;}
.game_info_img{ width: calc(40% - 20px); float: left; padding: 0 10px 10px 10px;}
.game_info_txt{ width: calc(60% - 10px); float: right; padding: 5px;}
.game_info_title{padding: 0 0 24px 0; font-size: 18px; color: #c1b77c;}
dl.game_info_data {padding-bottom: 10px; border-bottom: dotted 1px #6b6b6b; padding-top: 5px;}

dl.game_info_data dt{width: 110px; display:inline-block; vertical-align: top; color: #c1b77c;}
dl.game_info_data dd{display:inline-block; vertical-align: top; line-height:1.2;}
dl.game_info_data span{color: #de006e;}

.game_info2{width: 95%; max-width: 750px; margin: 0 auto; padding-bottom: 32px; padding-top: 32px;}
.game_info2_img{ width: calc(40% - 20px); float: left; padding: 0 10px 10px 10px;}
.game_info2_txt{ width: calc(60% - 10px); float: right; padding: 5px;}
.game_info2_title{padding: 0 0 24px 0; font-size: 18px; color: #c1b77c;}

.game_info_app{padding-bottom: 10px;  max-width:253px;}



.free_btn a{ width: calc(100% - 20px); display: block; background:#8115ff; color: #fff; text-align: center; padding: 10px; font-size: 18px;}
.free_btn a:hover{background:#de006e;}

.free_btn2 a{ width: calc(100% - 20px); display: block; background:#4249f7; color: #fff; text-align: center; padding: 10px; font-size: 18px;}
.free_btn2 a:hover{background:#de006e;}

.btn_type2{width: 100%; max-width: 800px; margin: 0 auto;}
.btn_type2 li{width: calc(50% - 10px); padding: 5px; float: left;}

.product_box .btn_type2{ padding: 24px 0;}
.point{color: #de006e !important;}

.introduction-box{width: 100%; max-width: 1000px; margin: 0 auto; }
.cont_title{padding: 62px 0 12px 0; width: 95%; max-width: 1000px; margin: 0 auto; text-align: center;}

.sp_only{display:none;}
.pc_only{display:block;}

.comingsoon_txt{color: #ccc; text-align: center; padding: 24px 0; margin-top: 24px;}

a.yellow{color: #bfa548;}
a.light-yellow,
.light-yellow {color:#fff95c;}

.font-middium {
    font-size: 18px;
}








@media screen and (max-width: 900px) {
.btn_type2 li.free_btn a{font-size: 14px;}

}


@media screen and (max-width: 640px) {
.game_info_img{ display:none;}
.game_info_txt,
.game_info2_txt{ width: 100%; float: none; padding: 0; text-align: center;}
dl.game_info_data dt{width: 100%; display:block;}
dl.game_info_data p{display:inline-block;}
.jntxt br{display:none;}
.game_info_title{text-align: center;}

.game_info2_img{ width: 100%; float: none; padding: 0;}
.game_info2_txt{ width: calc(100% - 10px); float: none; padding: 5px;}

.game_info_app{width: calc(50% - 10px); float: left; padding: 0 5px;}

.btn_type2 li{width: calc(100% - 10px); padding: 5px; float: none;}
.btn_type2 li.free_btn a{font-size: 5vw;}

.cont_title{padding: 42px 0 32px 0; width: 60%; max-width: 1000px; margin: 0 auto; text-align: center;}

.index_top_banner_box_block{ width: 95%; max-width: 500px; margin: 0 auto; padding: 32px 0;}
.index_top_banner_box_block li{width: calc(50% - 4px); border: solid 1px #000; padding: 1px; float: left;}

.index_top_banner_half_box li{width: 100%; padding: 0.5% 0; float: none;}

.sp_only{display:block;}
.pc_only{display:none;}

}

@media screen and (max-width: 480px) {

.index_top_banner_box .flex{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    flex: auto;
}
.index_top_banner_box li{width: 49%;}

}



@media screen and (max-width: 400px) {
.submenu-box{font-size: 3.5vw; }
}









.clearfix:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix{display:inline-block;}
* html .clearfix{height:1%;}
.clearfix{display:block;}