body {-webkit-print-color-adjust: exact;}

.gn-container {width:1140px;}
.gn > ul > li > ul {background-color: #cd6500;  border:1px solid #cd6500; border-top:0;}
.gn > ul > li a {padding: 0; color:#fff;}
#nav{background: #e97300;}
#gn{border-right:1px solid #cd6500;}
#gn > li{width:15%;}
#gn > li:first-child{width:10%;}
#gn > li > a{
	display:block; padding:25px 10px; margin:0; color:#fff; 
	text-align:center; font-size:16px; line-height:1.3; border-left:1px solid #cd6500;
	display:block; height:70px;}
#gn > li > a:hover{opacity:1;}
#gn > li:nth-child(3) > a, #gn > li:nth-child(6) > a, #gn > li:nth-child(7) > a{ padding:13px 10px;}

.gn-container a[href$=".pdf"]:after{display:none;}


#gn > li > a:hover
{background: #cd6500;}

body#body_home #gn > li:first-child > a, 
body#body_kosyu #gn > li:nth-child(2) > a, 
body#body_jokyo #gn > li:nth-child(2) > a, 
body#body_hanbai #gn > li:nth-child(3) > a, 
body#body_gaiyo #gn > li:nth-child(4) > a,
body#body_funjin #gn > li:nth-child(5) > a,
body#body_seidokanri #gn > li:nth-child(6) > a,
body#body_ishiwata #gn > li:nth-child(7) > a
{background:#ff8e1f;}

@media screen and (max-width:1140px){
.gn-container {width:100%;}
#gn > li > a{padding:15px 0; font-weight:normal; line-height:1.3; height:60px;}
#gn > li:nth-child(3) > a, #gn > li:nth-child(6) > a, #gn > li:nth-child(7) > a{ padding:5px 0;}
}
@media screen and (max-width:700px){
#gn > li > a{font-size:13px;}
}
@media screen and (max-width:500px){
#gn{border-right:0;}
.gn > ul > li > ul {border-top:1px dotted #cd6500; border-right:0; border-bottom:0; border-left:0;}
#gn > li:first-child{border-top:1px solid #cd6500;}
#gn > li{border-bottom:1px solid #cd6500;}
#gn > li, #gn > li:first-child{width:auto; background-color:#e97300;}
#gn > li > a{padding:10px !important; border-left:0; height:auto; text-align:left;}
#gn > li > a br{display:none;}
#gn > li > a:hover, 
body#index #gn > li:first-child > a, 
body#kosyu #gn > li:nth-child(2) > a, 
body#book #gn > li:nth-child(3) > a, 
body#seidokanri #gn > li:nth-child(4) > a
{background: #cd6500;}
}



/****************************************************************************/

#nav{width:100%;}
body.is-fixed #nav {position:fixed; top:0; right:0; z-index:9999;}


.gn-container {margin: 0 auto;}
.gn-mobile {
	display: none; padding: 10px; color:#fff !important;
	background:url(../img/common/spnav.svg) right top no-repeat;}

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

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

.gn > ul:after {
    clear: both;
}
.gn > ul > li {
    float: left;
    padding: 0;
    margin: 0;
}

.gn > ul > li a {
    text-decoration: none;
    display: block;
}

.gn > ul > li > ul {
    display: none;
    width: 100%;
    padding: 20px;
    position: absolute;
    z-index: 99;
    left: 0;
    margin: 0;
    list-style: none;
    box-sizing: border-box;
}

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

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


#gn ul > div{padding:20px 20px 0 20px;}
#gn ul a{font-weight:normal;}
#gn ul > div h2{font-size:16px; margin:0 0 10px 0; padding:0; color:#fff;}
#gn ul > div h2:before{content:url(../img/common/h4_mm.svg); display:inline-block; vertical-align:middle; margin:0 5px 0 0;}
#gn ul > div h2:after{display:none ;}
#gn ul > div h2 a{display:inline-block; font-weight:bold;}
#gn ul > div h2 a:after{content:url(../img/common/arrow_s.svg); margin-left:10px;}
#gn ul > div p{padding:0; margin:0 0 20px 0;}
#gn ul > div p a{
	font-size:14px; padding:5px 0 5px 13px; margin:0; line-height:1.3; text-decoration: none;}
#gn ul > div p a:before{content:"-"; margin-right:10px;}
.nowrap p{text-align:center;}
.nowrap p a{display:inline-block !important; white-space:nowrap; margin:5px 25px !important;}

.mm_parent{display:block; padding:5px !important; text-align:center; margin-bottom:30px; font-weight:bold; font-size:18px; background-color:#e97300;}
.mm_parent:before{content:url(../img/common/arrow.svg); margin-right:10px; vertical-align:middle;}
.mm_parent:hover{background-color:#ff8e1f; opacity:1;}


@media screen and (max-width:1140px){
.nowrap p a{white-space: inherit;}
}
@media screen and (max-width:500px){
#gn ul{padding:0;}
#gn ul > div{padding:10px 10px 0 10px;}
.spchild:after{content:"+"; background:#444; display:block; width:20px; height:20px; text-align:center; float:right; line-height:20px; color:#fff;}
.nowrap p{text-align:left;}
.nowrap p a{white-space:inherit; margin:5px 0 !important;}
#gn ul > div{max-height:50vh; overflow-y:auto;}
.mm_parent{display:block; border:0; padding:0 7px !important; text-align:left; margin-bottom:10px; font-weight:bold !important; font-size:16px;}
#gn ul > div h2{font-size:14px; margin:0 0 10px 0; padding:0; color:#fff;}
#gn ul > div h2 a{padding:0; display:inline;}
}


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

@media only screen and (max-width: 500px) {
    .gn-container {
        width: 100%;
    }
    .gn-mobile {
        display: block;
    }
    .gn-dropdown-icon:before {
        display: block;
    }
    .gn > ul {
        display: none;
    }
    .gn > ul > li {
        width: 100%;
        float: none;
        display: block;
    }
    .gn > ul > li a {
        padding: 1.5em;
        width: 100%;
        display: block;
    }
    .gn > ul > li > ul {
        position: relative;
    }
    .gn > ul > li > ul.normal-sub {
        width: 100%;
    }
    .gn > ul > li > ul > li {
        float: none;
        width: 100%;
        margin-top: 20px;
    }
    .gn > ul > li > ul > li:first-child {
        margin: 0;
    }
    .gn > ul > li > ul > li > ul {
        position: relative;
    }
    .gn > ul > li > ul > li > ul > li {
        float: none;
    }
    .gn .show-on-mobile {
        display: block;
    }
}