html {
    height: 100%;
}

/*++++++++++++++++++++++++++++++++++++
		Loading
++++++++++++++++++++++++++++++++++++*/
.loader-bg {
    width: 100%;
}
.loader-bg .loader-bg {
    width: 1000px;
    margin: 0px auto;
}
.loader-bg .loader-bg .loader-bg > img {
    width: 1000px;
}

.loader-bg {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background: #000;
    z-index: 4;
}

.loader {
    position: fixed;
    top: 25%;
    left: 37%;
    text-align: center;
    color: #000;
    z-index: 5;
    width: 100%;
}

.loader_sp {
    position: fixed;
    top: 25%;
    text-align: center;
    color: #000;
    z-index: 5;
    width: 100%;
}

/*++++++++++++++++++++++++++++++++++++
		contents
++++++++++++++++++++++++++++++++++++*/
body {
    width: 100%;
    height: 100%;
    background: #000;
    position: relative;
}

/*++++++++++++++++++++++++++++++++++++
         menu
++++++++++++++++++++++++++++++++++++*/
#nav_l {
    width: 100%;
    height: 80px;
    background: url(../img/menu_bg.png) repeat-x center top;
}

.nav_s_btn {
    width: 100%;
    height: 80px;
    background: url(../img/menu_bg.png) repeat-x center top;
    text-align: center;
    font-size: 0;
}
.nav_s_btn .menu {
    position: absolute;
    top: 9px;
    right: 5%;
}

.menu_s {
    width: 100%;
    padding: 10px 0;
    overflow: hidden;
    background: rgba(0, 0, 0, 0.8);
    display: none;
    position: absolute;
    z-index: 10;
}
.menu_s ul li{
    margin:0;
    padding:5px;
    position:relative;
}

.menuBtn > li {
    text-align: center;
    position: relative;
}

.topbtn_sp {
    position: absolute;
    top: 9px;
    left: 5%;
}

.menuBtn {
    width: 912px;
    height: 70px;
    margin: 0 auto;
}

.menuBtn > li {
    width: 106px;
    height: 50px;
    overflow: hidden;
    float: left;
    margin: 10px 4px 0px;
}

.menuBtn > li > a {
    display: block;
}

.menuBtn > li > a:hover {
    margin-left: -106px;
}

.topbtn {
    width: 100%;
    height: 40px;
}

.topbtn_k {
    width: 910px;
    height: 40px;
    margin: 0 auto;
    position: relative;
}

.topbtn_k > div {
    text-align: center;
    position: absolute;
    right: 0%;
    width: 105px;
    height: 40px;
    overflow: hidden;
}

.topbtn_k > div > a {
    display: block;
}

.topbtn_k > div > a:hover {
    margin-left: -105px;
}

.topbtn_md {
    width: 100%;
    height: 40px;
}

.topbtn_md_k {
    height: 40px;
    margin: 0 auto;
    position: relative;
}

.topbtn_md_k > div {
    text-align: center;
    position: absolute;
    right: 0%;
    width: 105px;
    height: 40px;
    overflow: hidden;
}

.topbtn_md_k > div > a {
    display: block;
}

.topbtn_md_k > div > a:hover {
    margin-left: -105px;
}

.h_s {
    position: absolute;
    top: 80px;
    z-index: 1;
}

@media screen and (min-width:1200px) {
    .main_logo{
        width: 330px!important;
        left: 50%!important;
        margin-left: -165px!important;
        position: absolute!important;
        top: 25px!important;
    }
}

    /*+++++++++++++++++++++++++++++++++++*/
#main {
    width: 100%;
    overflow: hidden;
    position: relative;
    padding: 0px;
}
#main div {
    padding: 0px;
}
#main ul {
    padding: 0px;
}
#main ul li {
    padding: 0px;
}
#main img {
    padding: 0px;
}

#main_k {
    overflow: hidden;
    position: relative;
    padding: 0px;
}
#main_k div {
    padding: 0px;
    z-index: 2;
}
#main_k ul {
    padding: 0px;
}
#main_k ul li {
    padding: 0px;
}
#main_k img {
    padding: 0px;
}
#main_k h1 {
    z-index: 3;
}
#main_k .haikei {
    position: absolute;
}

.logo {
    position: absolute;
    top: 11%;
}
.logo img {
    position: absolute;
    width: 46%;
    margin-left: 27%;
}

.haikei_k {
    position: absolute;
    left: 50%;
    margin-left: -440.5px;
}

.haikei_m {
    position: absolute;
    top: -0.8%;
}

.haikei_xs {
    top: -16px;
}

.main_logo {
    position: absolute;
    top: 25px;
    left: 40%;
    width: 20%;
}

.main_logo_sm {
    margin: 6% 0% 6% 0%;
}

.contents_k img {
    margin-bottom: 8%;
}

.contents_s {
    position: relative;
    top: 200px;
    left: 50%;
    margin: 0 0 280px -450px;
}
#game_height{
    height: 1291px;
}
#normal_height{
    height: 2573px;
}
#bonus_height{
    height: 1371px;
}
#tarot_height{
    height: 3363px;
}
#ensyutsu_height{
    height: 1371px;
}
#reach_height{
    height: 1294px;
}
#spec_height{
    height: 2579px;
}
#special_height{
    height: 1192px;
}


.a_pro {
    position: absolute;
    top: -4.5%;
    left: 4.5%;
}

.logo_k {
    position: absolute;
    top: 1%;
}

.top_r {
    position: relative;
    height: 74px;
    top: 1%;
}
.top_r img {
    position: absolute;
    top: 1%;
    right: 0%;
}

.copy {
    position: absolute;
    bottom: 44.4%;
}
.copy img {
    position: absolute;
    width: 55%;
    margin-left: 22.5%;
}

.pv_btn {
    position: absolute;
    bottom: 3%;
    left: -20%;
}

.countdown {
    position: absolute;
    bottom: 20%;
}

.countdown img{
    width: 58%;
    margin-left: 21%;
}

.search_btn {
    position: absolute;
    bottom: 20%;
}

.search_btn img{
    width: 58%;
    margin-left: 21%;
}

.apro_btn {
    position: absolute;
    bottom: 6.8%;
}

.apro_btn img{
    width: 52%;
    margin-left: 24%;
}

.a_pro_xs {
    position: absolute;
    top: 0%;
    left: -12.5%;
}

.logo_xs {
    position: absolute;
    top: 17%;
}
.logo_xs img {
    position: absolute;
}

.copy_xs {
    position: absolute;
    bottom: 45%;
}
.copy_xs img {
    position: absolute;
}

.pv_btn_xs {
    position: absolute;
    bottom: 14%;
    left: 3%;
}

.countdown_xs {
    position: absolute;
    bottom: 21%;
}

.search_btn_sp {
    position: absolute;
    bottom: 21%;
}

.apro_btn_xs {
    position: absolute;
    bottom: 6%;
}

.blinking {
    opacity: 0;
}

/*++++++++++++++++++++++++++++++++++++
		borderline
++++++++++++++++++++++++++++++++++++*/
.bottom_line {
    height: 2px;
    background: #00449b;
}

.bottom_line_xs {
    height: 2px;
    background: #00449b;
}

/*++++++++++++++++++++++++++++++++++++
		Footer
++++++++++++++++++++++++++++++++++++*/
footer {
    background: #000;
    padding: 1% 0;
}
footer li, footer img {
    margin: 0 !important;
    padding: 0 1px !important;
}
footer .bn-gr {
    margin-bottom: 0 !important;
}
footer .sns {
    overflow: hidden;
}
footer .sns li {
    padding: 0 1px !important;
}
footer.footer_s {
    margin: 0 !important;
    padding: 2% 0;
}
footer.footer_s li, footer.footer_s img {
    padding: 1px !important;
}

/*++++++++++++++++++++++++++++++++++++
		Search Page
++++++++++++++++++++++++++++++++++++*/
#search {
    background: url(../img/searchbody.jpg) no-repeat center center;
    background-size: cover;
    background-attachment: fixed;
    width: 100%;
    height: 100%;
}
#search .searc_contents {
    padding: 0px;
}
#search .searc_contents .searchbg {
    width: 320px;
    height: 320px;
    padding: 185px 0 0;
    background: url(../img/searchbg.png) no-repeat;
    background-size: 320px 320px;
    -webkit-background-size: 320px 320px;
    font-size: 14px;
    margin: 20% auto 0;
}
#search .searc_contents .searchbg .searchselect {
    height: 30px;
    margin-bottom: 1%;
}
#search .searc_contents .searchbg .searchselect .ken {
    width: 100%;
    height: 20px;
    margin-top: 3%;
    border: 1px solid #000000;
    background: #FFF;
}
#search .searc_contents .searchbg div {
    text-align: center;
}
.search_title{
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    text-shadow: 1px 1px 0 #FFF, -1px -1px 0 #FFF,-1px 1px 0 #FFF, 1px -1px 0 #FFF,0px 1px 0 #FFF,  0-1px 0 #FFF,-1px 0 0 #FFF, 1px 0 0 #FFF
}