/* 
- Name: megamenu.js - style.css
- Version: 1.0
- Latest update: 29.01.2016.
- Author: Mario Loncarek
- Author web site: http://marioloncarek.com
*/


#gnavi_box{background: url(../images/bg_gmenu.gif) repeat-x top;}
#sp_logo,
.menu > ul > li#gnavi_download,
.menu > ul > li#gnavi_access,
.menu > ul > li#gnavi_english
{display: none;}

/* ––––––––––––––––––––––––––––––––––––––––––––––––––
megamenu.js STYLE STARTS HERE
–––––––––––––––––––––––––––––––––––––––––––––––––– */


/* ––––––––––––––––––––––––––––––––––––––––––––––––––
Screen style's
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.menu-container {
    width:1000px;
    margin: 0 auto;
    background:#0f128b;
}

.menu-mobile {
    display:none;
}

.menu-mobile:after {
    content: url(../images/icon_menu.png);
    font-size: 2.5rem;
    padding: 0;
    float: right;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-20%);
    -ms-transform: translateY(-20%);
    transform: translateY(-20%);
}

.menu > ul {
    margin: 0 auto;
    width: 100%;
    list-style: none;
    padding: 0;
    position: relative;
    /* IF .menu position=relative -> ul = container width, ELSE ul = 100% width */
    box-sizing: border-box;
    overflow: hidden;
}

.menu > ul:before,
.menu > ul:after {
    content: "";
    display: table;
}

.menu > ul:after {
    clear: both;
    padding-top:48px;
}
#top .menu > ul:after {
    clear: both;
    padding-top:2px;
}
#winner .menu > ul:after {
    clear: both;
    padding-top:75px;
}


.menu > ul > li {
    float: left;
    background: #EEE;
    padding: 0;
    margin: 0;
    width: 20%;
    display: block;
}

.menu > ul > li > a {
    text-decoration: none;
    line-height: 50px;
    display: block;
    text-align: center;
    border-left: #CCC 1px solid;
    color: #333;
}
.menu > ul > li#gnavi_contact {
    border-right: #CCC 1px solid;
}

.menu > ul > li > a:hover,
#aboutus .menu > ul > li#gnavi_aboutus > a,
#jigyou .menu > ul > li#gnavi_jigyou > a,
#oubo .menu > ul > li#gnavi_oubo > a,
#winner .menu > ul > li#gnavi_winner > a,
#contact .menu > ul > li#gnavi_contact > a {
background: url(../images/bg_gmenu_list.png) no-repeat 50% bottom #FFF;
}

.menu > ul > li > ul {
    display:none;
    width: 100%;
    background: #0f128b;
    position:absolute;
    z-index: 99;
    left: 0;
    margin: 0;
    list-style: none;
    box-sizing: border-box;
}

.menu > ul > li > ul:before,
.menu > ul > li > ul:after {
    content: "";
    display: table;
}

.menu > ul > li > ul:after {
    clear: both;
}

.menu > ul > li > ul > li {
    margin:0 25px 0 0;
    padding:0 0 0 20px;
    list-style: none;
    display:inline-block;
    background: url(../images/listmark_on.png) no-repeat left 50%;
}

.menu > ul > li > ul > li a {
    color: #FFF;
    padding:0;
    width:100%;
    display: block;
}

.menu > ul > li > ul > li a:hover {
    color: #FFF024;
}


.menu > ul > li > ul.normal-sub {
    width:100%;
    left: 0;
    padding: 10px 20px 10px 10px;
}

.menu > ul > li > ul.normal-sub > li {
    width: auto;
}

.menu > ul > li > ul.normal-sub > li a {
    border: 0;
    padding: 3px 0 3px;
}

#aboutus .menu > ul > li#gnavi_aboutus > ul#gnavi_sub_aboutus,
#jigyou .menu > ul > li#gnavi_jigyou > ul#gnavi_sub_jigyou,
#oubo .menu > ul > li#gnavi_oubo > ul#gnavi_sub_oubo,
#winner .menu > ul > li#gnavi_winner > ul#gnavi_sub_winner,
#contact .menu > ul > li#gnavi_contact > ul#gnavi_sub_contact{
display: block;
}

.message #sub_aboutus01 a,
.gaiyou #sub_aboutus02 a,
.senkoiin #sub_aboutus03 a,
.teikan #sub_aboutus04 a,
.sanjyo #sub_aboutus05 a,
.koukai #sub_aboutus06 a,
.katsudo #sub_aboutus07 a,
.jigyou #sub_jigyou01 a,
.zotei #sub_jigyou02 a,
.oubo #sub_oubo01 a,
.hyoushou #sub_oubo02 a,
.hyoushou_30th #sub_oubo07 a,
.kenkyu #sub_oubo03 a,
.kokusai #sub_oubo04 a,
.sangakukan #sub_oubo05 a,
.download #sub_oubo06 a,
.winner #sub_winner01 a,
.winkenkyu #sub_winner02 a,
.winkokusai #sub_winner03 a,
.winsangakukan #sub_winner04 a,
.wingakujutsu #sub_winner05 a,
.contact #sub_contact01 a,
.policy #sub_contact02 a
{color: #fff600;}


/* ––––––––––––––––––––––––––––––––––––––––––––––––––
Mobile style's
–––––––––––––––––––––––––––––––––––––––––––––––––– */

@media only screen and (max-width: 767px) {
    .menu-container {
        width: 100%;
    }
    .menu-mobile {
        display: block;
        background: #000;
        padding: 20px;
    }
    .menu-dropdown-icon:before {
        display: block;
    }
    .menu > ul {
        display: none;
    }
    .menu > ul:after,
    #winner .menu > ul:after {
    padding-top:0;
}

    .menu > ul > li {
        width: 100%;
        float: none;
        display: block;
    }
    .menu > ul > li > a {
        line-height:45px;
        padding: 0 15px;
        width: 100%;
        display: block;
        text-align: left;
        border-bottom: #CCC 1px solid;
    }
    .menu > ul > li > a:hover{
    background:#FFF;
    }

    #aboutus .menu > ul > li#gnavi_aboutus > a,
    #jigyou .menu > ul > li#gnavi_jigyou > a,
    #oubo .menu > ul > li#gnavi_oubo > a,
    #winner .menu > ul > li#gnavi_winner > a,
    #contact .menu > ul > li#gnavi_contact > a {
    border-bottom: #0f128b 1px solid;
    }

    .menu > ul > li > ul {
        position: relative;
    }
    .menu > ul > li > ul.normal-sub {
        width: 100%;
    }
    .menu > ul > li > ul > li {
        float: none;
        width: 100%;
        margin-top: 0px;
    }
    .menu > ul > li > ul > li:first-child {
        margin: 0;
    }
    .menu .show-on-mobile {
        display: block;
    }
    .menu > ul > li > ul.normal-sub > li {
    width: 100%;
    }
    #sp_logo{display: block; position: absolute; top:15px; left:10px;}
    #sp_logo img{width: 150px; height: auto;}
    .menu > ul > li#gnavi_download,
    .menu > ul > li#gnavi_access,
    .menu > ul > li#gnavi_english
    {display: block;}




}