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


/* ––––––––––––––––––––––––––––––––––––––––––––––––––
megamenu.js STYLE STARTS HERE
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* nav block
---------------------- */
nav {
    width: 100%;
    min-width: 1024px;
    border-bottom: 1px solid #555555;
    box-sizing: border-box;
    text-align: center;
}
.naviWrapper {
}

nav ul li a {
    display: block;
    height: 55px;
    text-align: center;
    background-size: contain;
    background-position: center 3px;
    background-repeat: no-repeat;
    color: #555555!important;
    position: relative;
}
nav ul li ul li a {
    height: 80px;
}
nav ul li ul li a:hover {
    height: 80px;
    background-color: transparent;
}

nav ul li a span.gNaviTxt   {
    font-size: 1.0em;
    font-weight: bold;
    display: block;
    position: absolute;
    top: 15px;
    left: 0px;
    right: 0px;
}
nav ul li#gNaviTicket a span.gNaviTxt {
    top: 19px!important;
}
nav ul li a:hover {
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    background-color: #0197D7;
    color: #ffffff!important;
}
nav ul li ul li:hover {
    border-radius: 10px;
    background-color: transparent;
}

nav ul li#gNaviHome a {
    /*background-image: url(../images/gNaviHome.svg);
    background-size: 100px;*/
}
nav ul li#gNaviTicket a {
    /*background-image: url(../images/gNaviTicket.svg);
    background-size: 100px;*/
}
nav ul li#gNaviFun a {
    /*background-image: url(../images/gNaviFun.svg);
    background-size: 100px;*/
}
nav ul li#gNaviInfo a {
    /*background-image: url(../images/gNaviInfo.svg);
    background-size: 100px;*/
}
nav ul li#gNaviAbout a {
    /*background-image: url(../images/gNaviAbout.svg);
    background-size: 100px;*/
}
nav ul li#gNaviContact a {
    /*background-image: url(../images/gNaviContact.svg);
    background-size: 100px;*/
}


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

.menu-container {
    width: 100%;
    margin: 0 auto;
    /*background: #e9e9e9;*/
    text-align: center;
}
.menu   {
    width: auto;
    margin: 0 auto;
    height: 55px;
}
.menu-mobile {
    display: none;
    padding: 20px;
}

/*.menu-mobile:after {
    content: "\f394";
    font-family: "Ionicons";
    font-size: 2.5rem;
    padding: 0;
    float: right;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-25%);
    -ms-transform: translateY(-25%);
    transform: translateY(-25%);
}
*/
/*
.menu-dropdown-icon:before {
    content: "\f489";
    font-family: "Ionicons";
    display: none;
    cursor: pointer;
    float: right;
    padding: 1.5em 2em;
    background: #fff;
    color: #333;
}
*/

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

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

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

.menu > ul > li:first-child {
	border-left: 1px dashed #C8C8C8;
}
.menu > ul > li {
    display: inline-block;
    width: 16.6%;
    /*background: #e9e9e9;*/
    padding: 0;
    margin: 0 0 0 -3px;
    border-right: 1px dashed #C8C8C8;
    box-sizing: border-box;
}

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

.menu > ul > li:hover {
    /*background: #f0f0f0;*/
}

.menu > ul > li > ul {
    display: none;
    width: 100vw;
    background: #99DEF7;
    position: absolute;
    z-index: 99;
    margin: 0;
    padding: 15px;
    list-style: none;
    box-sizing: border-box;
	left: 50%;
	right: 50%;
	margin-left: -50vw;
	margin-right: -50vw;
}

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

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


/* subNavi01 dropdown */
.menu > ul > li > ul.gNaivSubMenu01 > li  {
    list-style-type: none;
    display: inline-block;
    width: 192px;
    height: auto;
    margin: 0 10px 0 0;
}

.menu > ul > li > ul.gNaivSubMenu01 a {
    display: block;
    background-size: contain;
    background-position: center top;
    background-repeat: no-repeat;
}
.menu > ul > li > ul.gNaivSubMenu01 > li.subMenu01Icon a {
    background-image: url(../images/gNavi01-subNavi01_off.svg)!important;
    background-size: contain!important;
}
.menu > ul > li > ul.gNaivSubMenu01 > li.subMenu01Icon a:hover {
    background-image: url(../images/gNavi01-subNavi01_on.svg)!important;
}
.menu > ul > li > ul.gNaivSubMenu01 > li.subMenu02Icon a {
    background-image: url(../images/gNavi01-subNavi02_off.svg)!important;
    background-size: contain!important;
}
.menu > ul > li > ul.gNaivSubMenu01 > li.subMenu02Icon a:hover {
    background-image: url(../images/gNavi01-subNavi02_on.svg)!important;
}
.menu > ul > li > ul.gNaivSubMenu01 > li.subMenu03Icon a {
    background-image: url(../images/gNavi01-subNavi03_off.svg)!important;
    background-size: contain!important;
}
.menu > ul > li > ul.gNaivSubMenu01 > li.subMenu03Icon a:hover {
    background-image: url(../images/gNavi01-subNavi03_on.svg)!important;
}
.menu > ul > li > ul.gNaivSubMenu01 > li.subMenu04Icon a {
    background-image: url(../images/gNavi01-subNavi04_off.svg)!important;
    background-size: contain!important;
}
.menu > ul > li > ul.gNaivSubMenu01 > li.subMenu04Icon a:hover {
    background-image: url(../images/gNavi01-subNavi04_on.svg)!important;
}
.menu > ul > li > ul.gNaivSubMenu01 > li.subMenu05Icon a {
    background-image: url(../images/gNavi01-subNavi_pass_off.svg)!important;
    background-size: contain!important;
}
.menu > ul > li > ul.gNaivSubMenu01 > li.subMenu05Icon a:hover {
    background-image: url(../images/gNavi01-subNavi_pass_on.svg)!important;
}
.menu > ul > li > ul.gNaivSubMenu01 > li.subMenu06Icon a {
    background-image: url(../images/gNavi01-subNavi06_off.svg)!important;
    background-size: contain!important;
}
.menu > ul > li > ul.gNaivSubMenu01 > li.subMenu06Icon a:hover {
    background-image: url(../images/gNavi01-subNavi06_on.svg)!important;
}
/*
.menu > ul > li > ul.gNaivSubMenu01 > li.subMenu05Icon a {
    background-image: url(../images/gNavi01-subNavi05_off.svg)!important;
    background-size: contain!important;
}
.menu > ul > li > ul.gNaivSubMenu01 > li.subMenu05Icon a:hover {
    background-image: url(../images/gNavi01-subNavi05_on.svg)!important;
}
*/


/* subNavi02 dropdown */
/*.menu > ul > li > ul.gNaivSubMenu02 > li  {
    list-style-type: none;
    display: inline-block;
    width: 159px;
    height: auto;
    margin: 0 10px 0 0;
}*/

/*add 170929/*/
/*
.menu > ul > li > ul.gNaivSubMenu02 > li  {
    list-style-type: none;
    display: inline-block;
    width: 192px;
    height: auto;
    margin: 0 10px 0 0;
}
*/
.menu > ul > li > ul.gNaivSubMenu02 > li  {
    list-style-type: none;
    display: inline-block;
    width: 192px;
    height: auto;
    margin: 0 10px 0 0;
}
.menu > ul > li > ul.gNaivSubMenu02 > li:nth-child(n+6)  {
    list-style-type: none;
    display: inline-block;
    width: 192px;
    height: auto;
    margin: 10px 10px 0 0;
}
.dBlock{display: block;}
/*/add*/

.menu > ul > li > ul.gNaivSubMenu02 a {
    display: block;
    background-size: contain;
    background-position: center top;
    background-repeat: no-repeat;
}
.menu > ul > li > ul.gNaivSubMenu02 > li.subMenu01Icon a {
    background-image: url(../images/gNavi02-subNavi01_off.svg)!important;
    background-size: contain!important;
}
.menu > ul > li > ul.gNaivSubMenu02 > li.subMenu01Icon a:hover {
    background-image: url(../images/gNavi02-subNavi01_on.svg)!important;
}
.menu > ul > li > ul.gNaivSubMenu02 > li.subMenu02Icon a {
    background-image: url(../images/gNavi02-subNavi02_off.svg)!important;
    background-size: contain!important;
}
.menu > ul > li > ul.gNaivSubMenu02 > li.subMenu02Icon a:hover {
    background-image: url(../images/gNavi02-subNavi02_on.svg)!important;
}
.menu > ul > li > ul.gNaivSubMenu02 > li.subMenu03Icon a {
    background-image: url(../images/gNavi02-subNavi03_off.svg)!important;
    background-size: contain!important;
}
.menu > ul > li > ul.gNaivSubMenu02 > li.subMenu03Icon a:hover {
    background-image: url(../images/gNavi02-subNavi03_on.svg)!important;
}
.menu > ul > li > ul.gNaivSubMenu02 > li.subMenu04Icon a {
    background-image: url(../images/gNavi02-subNavi04_off.svg)!important;
    background-size: contain!important;
}
.menu > ul > li > ul.gNaivSubMenu02 > li.subMenu04Icon a:hover {
    background-image: url(../images/gNavi02-subNavi04_on.svg)!important;
}
.menu > ul > li > ul.gNaivSubMenu02 > li.subMenu05Icon a {
    background-image: url(../images/gNavi02-subNavi05_off.svg)!important;
    background-size: contain!important;
}
.menu > ul > li > ul.gNaivSubMenu02 > li.subMenu05Icon a:hover {
    background-image: url(../images/gNavi02-subNavi05_on.svg)!important;
}
.menu > ul > li > ul.gNaivSubMenu02 > li.subMenu06Icon a {
    background-image: url(../images/gNavi02-subNavi06_off.svg)!important;
    background-size: contain!important;
}
.menu > ul > li > ul.gNaivSubMenu02 > li.subMenu06Icon a:hover {
    background-image: url(../images/gNavi02-subNavi06_on.svg)!important;
}
.menu > ul > li > ul.gNaivSubMenu02 > li.subMenu07Icon a {
    background-image: url(../images/gNavi02-subNavi07_off.svg)!important;
    background-size: contain!important;
}
.menu > ul > li > ul.gNaivSubMenu02 > li.subMenu07Icon a:hover {
    background-image: url(../images/gNavi02-subNavi07_on.svg)!important;
}
.menu > ul > li > ul.gNaivSubMenu02 > li.subMenu08Icon a {
    background-image: url(../images/gNavi02-subNavi08_off.svg)!important;
    background-size: contain!important;
}
.menu > ul > li > ul.gNaivSubMenu02 > li.subMenu08Icon a:hover {
    background-image: url(../images/gNavi02-subNavi08_on.svg)!important;
}
/*add171215*/
.menu > ul > li > ul.gNaivSubMenu02 > li.subMenu09Icon a {
    background-image: url(../images/gNavi02-subNavi09_off.svg)!important;
    background-size: contain!important;
}
.menu > ul > li > ul.gNaivSubMenu02 > li.subMenu09Icon a:hover {
    background-image: url(../images/gNavi02-subNavi09_on.svg)!important;
}
/*改修250212*/
.menu > ul > li > ul.gNaivSubMenu02 > li.subMenuHRIcon a {
    background-image: url(../images/gNavi01-subNavi_htr_off.svg)!important;
    background-size: contain!important;
}
.menu > ul > li > ul.gNaivSubMenu02 > li.subMenuHRIcon a:hover {
    background-image: url(../images/gNavi01-subNavi_htr_on.svg)!important;
}
.menu > ul > li > ul.gNaivSubMenu02 > li.subMenuFTIcon a {
    background-image: url(../images/gNavi01-subNavi_ft_off.svg?20250627_02)!important;
    background-size: contain!important;
}
.menu > ul > li > ul.gNaivSubMenu02 > li.subMenuFTIcon a:hover {
    background-image: url(../images/gNavi01-subNavi_ft_on.svg?20250627_02)!important;
}

/*改修251208*/
.menu>ul>li>ul.gNaivSubMenu02>li.subMenuTransferIcon a {
    background-image: url(../images/gNavi01-subNavi_trancefer_off.svg) !important;
    background-size: contain !important;
}
.menu>ul>li>ul.gNaivSubMenu02>li.subMenuTransferIcon a:hover {
    background-image: url(../images/gNavi01-subNavi_trancefer_on.svg) !important;
}
.menu>ul>li>ul.gNaivSubMenu02>li.subMenuEmerIcon a {
    background-image: url(../images/gNavi01-subNavi_emaergency_off.svg) !important;
    background-size: contain !important;
}
.menu>ul>li>ul.gNaivSubMenu02>li.subMenuEmerIcon a:hover {
    background-image: url(../images/gNavi01-subNavi_emaergency_on.svg) !important;
}

/* subNavi03 dropdown */
/*.menu > ul > li > ul.gNaivSubMenu03 > li  {
    list-style-type: none;
    display: inline-block;
    width: 159px;
    height: auto;
    margin: 0 10px 0 0;
}*/

.menu > ul > li > ul.gNaivSubMenu03 > li  {
    list-style-type: none;
    display: inline-block;
    width: 192px;
    height: auto;
    margin: 0 10px 0 0;
}
/*add171108 /*/
.menu > ul > li > ul.gNaivSubMenu03 > li:nth-child(n+6)  {
    list-style-type: none;
    display: inline-block;
    width: 192px;
    height: auto;
    margin: 10px 10px 0 0;
}
/* /add171108*/

.menu > ul > li > ul.gNaivSubMenu03 a {
    display: block;
    background-size: contain;
    background-position: center top;
    background-repeat: no-repeat;
}
.menu > ul > li > ul.gNaivSubMenu03 > li.subMenu01Icon a {
    background-image: url(../images/gNavi03-subNavi01_off.svg)!important;
    background-size: contain!important;
}
.menu > ul > li > ul.gNaivSubMenu03 > li.subMenu01Icon a:hover {
    background-image: url(../images/gNavi03-subNavi01_on.svg)!important;
}
.menu > ul > li > ul.gNaivSubMenu03 > li.subMenu02Icon a {
    background-image: url(../images/gNavi03-subNavi02_off.svg)!important;
    background-size: contain!important;
}
.menu > ul > li > ul.gNaivSubMenu03 > li.subMenu02Icon a:hover {
    background-image: url(../images/gNavi03-subNavi02_on.svg)!important;
}
.menu > ul > li > ul.gNaivSubMenu03 > li.subMenu03Icon a {
    background-image: url(../images/gNavi03-subNavi03_off.svg)!important;
    background-size: contain!important;
}
.menu > ul > li > ul.gNaivSubMenu03 > li.subMenu03Icon a:hover {
    background-image: url(../images/gNavi03-subNavi03_on.svg)!important;
}
.menu > ul > li > ul.gNaivSubMenu03 > li.subMenu04Icon a {
    background-image: url(../images/gNavi03-subNavi04_off.svg)!important;
    background-size: contain!important;
}
.menu > ul > li > ul.gNaivSubMenu03 > li.subMenu04Icon a:hover {
    background-image: url(../images/gNavi03-subNavi04_on.svg)!important;
}
.menu > ul > li > ul.gNaivSubMenu03 > li.subMenu05Icon a {
    background-image: url(../images/gNavi03-subNavi05_off.svg)!important;
    background-size: contain!important;
}
.menu > ul > li > ul.gNaivSubMenu03 > li.subMenu05Icon a:hover {
    background-image: url(../images/gNavi03-subNavi05_on.svg)!important;
}
.menu > ul > li > ul.gNaivSubMenu03 > li.subMenu06Icon a {
    background-image: url(../images/gNavi03-subNavi06_off.svg)!important;
    background-size: contain!important;
}
.menu > ul > li > ul.gNaivSubMenu03 > li.subMenu06Icon a:hover {
    background-image: url(../images/gNavi03-subNavi06_on.svg)!important;
}

/*add171108 /*/
.menu > ul > li > ul.gNaivSubMenu03 > li.subMenu07Icon a {
    background-image: url(../images/gNavi03-subNavi07_off.svg)!important;
    background-size: contain!important;
}
.menu > ul > li > ul.gNaivSubMenu03 > li.subMenu07Icon a:hover {
    background-image: url(../images/gNavi03-subNavi07_on.svg)!important;
}
/* /add171108*/

/* 20241107 */
.menu > ul > li > ul.gNaivSubMenu03 > li.subMenu08Icon a {
    background-image: url(../images/gNavi03-subNaviHiromatiRyokuti_off.svg)!important;
    background-size: contain!important;
}
.menu > ul > li > ul.gNaivSubMenu03 > li.subMenu08Icon a:hover {
    background-image: url(../images/gNavi03-subNaviHiromatiRyokuti_on.svg)!important;
}
/* /20241107 */

/* subNavi04 dropdown */
.menu > ul > li > ul.gNaivSubMenu04 > li.subMenuSide {
    list-style-type: none;
    display: inline-block;
    width: 595px;
    height: auto;
    margin: 0 10px 0 0;
}
.menu > ul > li > ul.gNaivSubMenu04 > li.subMenuSide > ul > li {
    list-style-type: none;
    display: inline-block;
    vertical-align: top;
    width: 135px;
    height: auto;
    margin: 0 10px 0 0;
}
.menu > ul > li > ul.gNaivSubMenu04 > li.subMenuLeft ,
.menu > ul > li > ul.gNaivSubMenu04 > li.subMenuRight {
    width: 210px;
    display: inline-block;
    vertical-align: top;
    list-style-type: none;
}
.menu > ul > li > ul.gNaivSubMenu04 > li.subMenuLeft > ul > li ,
.menu > ul > li > ul.gNaivSubMenu04 > li.subMenuRight > ul > li {
    list-style-type: none;
}
.menu > ul > li > ul.gNaivSubMenu04 > li > ul > li.subMenu05Icon a ,
.menu > ul > li > ul.gNaivSubMenu04 > li > ul > li.subMenu06Icon a ,
.menu > ul > li > ul.gNaivSubMenu04 > li > ul > li.subMenu07Icon a ,
.menu > ul > li > ul.gNaivSubMenu04 > li > ul > li.subMenu08Icon a ,
.menu > ul > li > ul.gNaivSubMenu04 > li > ul > li.subMenu09Icon a ,
.menu > ul > li > ul.gNaivSubMenu04 > li > ul > li.subMenu10Icon a ,
.menu > ul > li > ul.gNaivSubMenu04 > li > ul > li.subMenuFTIcon a ,
.menu > ul > li > ul.gNaivSubMenu04 > li > ul > li.subMenuHRIcon a
  {
    width: 207px;
    height: 20px!important;
}
.menu > ul > li > ul.gNaivSubMenu04 > li > ul > li.subMenu06Icon a ,
.menu > ul > li > ul.gNaivSubMenu04 > li > ul > li.subMenu07Icon a ,
.menu > ul > li > ul.gNaivSubMenu04 > li > ul > li.subMenu08Icon a ,
.menu > ul > li > ul.gNaivSubMenu04 > li > ul > li.subMenu09Icon a {
    height: 35px!important;
}

.menu > ul > li > ul.gNaivSubMenu04 a {
    display: block;
    background-size: contain;
    background-position: center top;
    background-repeat: no-repeat;
}
.menu > ul > li > ul.gNaivSubMenu04 > li > ul > li.subMenu01Icon a {
    background-image: url(../images/gNavi04-subNavi01_off.svg)!important;
    background-size: contain!important;
}
.menu > ul > li > ul.gNaivSubMenu04 > li > ul > li.subMenu01Icon a:hover {
    background-image: url(../images/gNavi04-subNavi01_on.svg)!important;
}
.menu > ul > li > ul.gNaivSubMenu04 > li > ul > li.subMenu02Icon a {
    background-image: url(../images/gNavi04-subNavi02_off.svg)!important;
    background-size: contain!important;
}
.menu > ul > li > ul.gNaivSubMenu04 > li > ul > li.subMenu02Icon a:hover {
    background-image: url(../images/gNavi04-subNavi02_on.svg)!important;
}
.menu > ul > li > ul.gNaivSubMenu04 > li > ul > li.subMenu03Icon a {
    background-image: url(../images/gNavi04-subNavi03_off.svg)!important;
    background-size: contain!important;
}
.menu > ul > li > ul.gNaivSubMenu04 > li > ul > li.subMenu03Icon a:hover {
    background-image: url(../images/gNavi04-subNavi03_on.svg)!important;
}
.menu > ul > li > ul.gNaivSubMenu04 > li > ul > li.subMenu04Icon a {
    background-image: url(../images/gNavi04-subNavi04_off.svg)!important;
    background-size: contain!important;
}
.menu > ul > li > ul.gNaivSubMenu04 > li > ul > li.subMenu04Icon a:hover {
    background-image: url(../images/gNavi04-subNavi04_on.svg)!important;
}
.menu > ul > li > ul.gNaivSubMenu04 > li > ul > li.subMenu05Icon a {
    background-image: url(../images/gNavi04-subNavi05_off.svg)!important;
    background-size: contain!important;
    margin: 0 0 10px 0;
}
.menu > ul > li > ul.gNaivSubMenu04 > li > ul > li.subMenu05Icon a:hover {
    background-image: url(../images/gNavi04-subNavi05_on.svg)!important;
}
.menu > ul > li > ul.gNaivSubMenu04 > li > ul > li.subMenu06Icon a {
    background-image: url(../images/gNavi04-subNavi06_off.svg)!important;
    background-size: contain!important;
    margin: 0 0 10px 0;
}
.menu > ul > li > ul.gNaivSubMenu04 > li > ul > li.subMenu06Icon a:hover {
    background-image: url(../images/gNavi04-subNavi06_on.svg)!important;
}
.menu > ul > li > ul.gNaivSubMenu04 > li > ul > li.subMenu07Icon a {
    background-image: url(../images/gNavi04-subNavi07_off.svg)!important;
    background-size: contain!important;
}
.menu > ul > li > ul.gNaivSubMenu04 > li > ul > li.subMenu07Icon a:hover {
    background-image: url(../images/gNavi04-subNavi07_on.svg)!important;
}
.menu > ul > li > ul.gNaivSubMenu04 > li > ul > li.subMenu08Icon a {
    background-image: url(../images/gNavi04-subNavi08_off.svg)!important;
    background-size: contain!important;
    margin: 0 0 10px 0;
}
.menu > ul > li > ul.gNaivSubMenu04 > li > ul > li.subMenu08Icon a:hover {
    background-image: url(../images/gNavi04-subNavi08_on.svg)!important;
}
.menu > ul > li > ul.gNaivSubMenu04 > li > ul > li.subMenu09Icon a {
    background-image: url(../images/gNavi04-subNavi09_off.svg)!important;
    background-size: contain!important;
    margin: 0 0 0 0;
}
.menu > ul > li > ul.gNaivSubMenu04 > li > ul > li.subMenu09Icon a:hover {
    background-image: url(../images/gNavi04-subNavi09_on.svg)!important;
}
.menu > ul > li > ul.gNaivSubMenu04 > li > ul > li.subMenu10Icon a {
    background-image: url(../images/gNavi04-subNavi10_off.svg)!important;
    background-size: contain!important;
}
.menu > ul > li > ul.gNaivSubMenu04 > li > ul > li.subMenu10Icon a:hover {
    background-image: url(../images/gNavi04-subNavi10_on.svg)!important;
}


/* subNavi05 dropdown */
.menu > ul > li > ul.gNaivSubMenu05 > li  {
    list-style-type: none;
    display: inline-block;
    width: 192px;
    height: auto;
    margin: 0 10px 0 0;
}

.menu > ul > li > ul.gNaivSubMenu05 a {
    display: block;
    background-size: contain;
    background-position: center top;
    background-repeat: no-repeat;
}
.menu > ul > li > ul.gNaivSubMenu05 > li.subMenu01Icon a {
    background-image: url(../images/gNavi05-subNavi01_off.svg)!important;
    background-size: contain!important;
}
.menu > ul > li > ul.gNaivSubMenu05 > li.subMenu01Icon a:hover {
    background-image: url(../images/gNavi05-subNavi01_on.svg)!important;
}
.menu > ul > li > ul.gNaivSubMenu05 > li.subMenu02Icon a {
    background-image: url(../images/gNavi05-subNavi02_off.svg)!important;
    background-size: contain!important;
}
.menu > ul > li > ul.gNaivSubMenu05 > li.subMenu02Icon a:hover {
    background-image: url(../images/gNavi05-subNavi02_on.svg)!important;
}
.menu > ul > li > ul.gNaivSubMenu05 > li.subMenu03Icon a {
    background-image: url(../images/gNavi05-subNavi03_off.svg)!important;
    background-size: contain!important;
}
.menu > ul > li > ul.gNaivSubMenu05 > li.subMenu03Icon a:hover {
    background-image: url(../images/gNavi05-subNavi03_on.svg)!important;
}
.menu > ul > li > ul.gNaivSubMenu05 > li.subMenu04Icon a {
    background-image: url(../images/gNavi05-subNavi04_off.svg)!important;
    background-size: contain!important;
}
.menu > ul > li > ul.gNaivSubMenu05 > li.subMenu04Icon a:hover {
    background-image: url(../images/gNavi05-subNavi04_on.svg)!important;
}
.menu > ul > li > ul.gNaivSubMenu05 > li.subMenu05Icon a {
    background-image: url(../images/gNavi05-subNavi05_off.svg)!important;
    background-size: contain!important;
}
.menu > ul > li > ul.gNaivSubMenu05 > li.subMenu05Icon a:hover {
    background-image: url(../images/gNavi05-subNavi05_on.svg)!important;
}




/*.menu > ul > li > ul > li > ul {
    display: block;
    padding: 0;
    margin: 10px 0 0;
    list-style: none;
    box-sizing: border-box;
}

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

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

.menu > ul > li > ul > li > ul > li {
    float: left;
    width: 100%;
    padding: 10px 0;
    margin: 0;
    font-size: .8em;
}

.menu > ul > li > ul > li > ul > li a {
    border: 0;
}

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

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

.menu > ul > li > ul.normal-sub > li a {
    border: 0;
    padding: 1em 0;
}
*/



/* 運賃時刻表タブ2段組み*/

#gNaviTicket a span{
    top: 10px!important;
    line-height: 20px!important;
}




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

@media only screen and (max-width: 768px) {
    
    nav {
    width: 100%;
        min-width: 100%;
    }

    nav ul li a {
        height: auto;
        background-color: #164b9a;
        color: #ffffff;
    }
    nav ul li a:hover   {
        -moz-border-radius-topleft: 0;
        -moz-border-radius-topright: 0;
        -webkit-border-top-left-radius: 0;
        -webkit-border-top-right-radius: 0;
    }
    nav ul li#gNaviHome a ,
    nav ul li#gNaviTicket a ,
    nav ul li#gNaviFun a ,
    nav ul li#gNaviInfo a ,
    nav ul li#gNaviAbout a ,
    nav ul li#gNaviContact a  {
        background-image: none;
        margin: 0px;
        padding: 10px;
        width: auto;
        border-top: 1px solid #555599;
    }
    nav ul li ul li a   {
        border-top: none!important;
        height: auto;
    }
    nav ul li ul li a:hover {
        height: auto;
        background-color: #164b9a;
    }
    nav ul li a span.gNaviTxt   {
    padding: 0;
    color: #ffffff;
    position: relative;
    top: 0px;
    }
     
    .menu-container {
        width: 100%;
    }
    .menu-mobile {
        display: block;
        position: absolute;
        top: 30px;
        right: 10px;
        width: 50px;
        height: 5px;
        background: #ffffff;
        text-indent: -9999px;
        padding: 0px;
    }
    .menu   {
    height: auto;
    }

    .changed    {
    background: transparent;
    }
    .changed:before, .changed:after {
      margin-top: 0;
    }
    .changed:before {
      transform: rotate(-45deg);
      -webkit-transform: rotate(-45deg);
      transition: .4s;
      margin-top: 0!important;
    }
    .changed:after  {
      transform: rotate(-135deg);
      -webkit-transform: rotate(-135deg);
      transition: .4s;
      margin-top: 0px!important;
    }


    
    
    
    
    .menu-mobile:before {
        margin-top: -15px;
    }
    .menu-mobile:after {
        margin-top: 10px;
    }
    .menu-mobile:before ,
    .menu-mobile:after  {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 50px;
    height: 5px;
    background: #ffffff;
    }
    .menu > ul {
        display: none;
    }
    .menu > ul > li {
        width: 100%;
        float: none;
        display: block;
        margin: 0px;
        padding: 0px;
        border-right: none;
    }
    .menu > ul > li a {
        padding: 0;
        width: 100%;
        display: block;
    }
    .menu > ul > li > ul {
        position: relative;
        padding: 0px;
    }
    .menu > ul > li > ul.normal-sub {
        width: 100%;
    }
    .menu > ul > li > ul > li {
        float: none;
        width: 100%;
        display: block;
        text-indent: 0;
        /*background-image: none;*/
        /*border-top: 1px dashed #164b9a;*/
    }
    .menu > ul > li > ul > li:first-child {
        margin: 0;
    }
    .menu > ul > li > ul > li a {
        position: relative;
        color: #777777;
    }
    .menu > ul > li > ul > li > ul > li {
        float: none;
    }
    .menu .show-on-mobile {
        display: block;
        z-index: 10;
    }
    
    /* sub menu */
    .menu > ul > li > ul.gNaivSubMenu01 > li ,
    .menu > ul > li > ul.gNaivSubMenu02 > li ,
    .menu > ul > li > ul.gNaivSubMenu03 > li ,
    .menu > ul > li > ul.gNaivSubMenu04 > li.subMenuSide ,
    .menu > ul > li > ul.gNaivSubMenu04 > li.subMenuLeft ,
    .menu > ul > li > ul.gNaivSubMenu04 > li.subMenuRight ,
    .menu > ul > li > ul.gNaivSubMenu04 > li.subMenuLeft ,
    .menu > ul > li > ul.gNaivSubMenu04 > li.subMenuRight ,
    .menu > ul > li > ul.gNaivSubMenu05 > li ,
    .menu > ul > li > ul.gNaivSubMenu06 > li  {
        width: 100%;
        margin: 0px;
    }
    .menu > ul > li > ul.gNaivSubMenu04 > li.subMenuSide > ul > li ,
    .menu > ul > li > ul.gNaivSubMenu04 > li.subMenuLeft > ul > li ,
    .menu > ul > li > ul.gNaivSubMenu04 > li.subMenuRight > ul > li  {
        width: 100%;
        text-indent: 0;
    }
    .menu > ul > li > ul.gNaivSubMenu01 > li.subMenu01Icon a ,
    .menu > ul > li > ul.gNaivSubMenu01 > li.subMenu02Icon a ,
    .menu > ul > li > ul.gNaivSubMenu01 > li.subMenu03Icon a ,
    .menu > ul > li > ul.gNaivSubMenu01 > li.subMenu04Icon a ,
    .menu > ul > li > ul.gNaivSubMenu01 > li.subMenu05Icon a ,
    .menu > ul > li > ul.gNaivSubMenu01 > li.subMenu06Icon a ,
    .menu > ul > li > ul.gNaivSubMenu02 > li.subMenu01Icon a ,
    .menu > ul > li > ul.gNaivSubMenu02 > li.subMenu02Icon a ,
    .menu > ul > li > ul.gNaivSubMenu02 > li.subMenu03Icon a ,
    .menu > ul > li > ul.gNaivSubMenu02 > li.subMenu04Icon a ,
    .menu > ul > li > ul.gNaivSubMenu02 > li.subMenu05Icon a ,
    .menu > ul > li > ul.gNaivSubMenu02 > li.subMenu06Icon a ,
    .menu > ul > li > ul.gNaivSubMenu02 > li.subMenuFTIcon a ,
    .menu > ul > li > ul.gNaivSubMenu02 > li.subMenuHRIcon a ,
    .menu>ul>li>ul.gNaivSubMenu02>li.subMenuTransferIcon a,
    .menu>ul>li>ul.gNaivSubMenu02>li.subMenuEmerIcon a,
    .menu > ul > li > ul.gNaivSubMenu03 > li.subMenu01Icon a ,
    .menu > ul > li > ul.gNaivSubMenu03 > li.subMenu02Icon a ,
    .menu > ul > li > ul.gNaivSubMenu03 > li.subMenu03Icon a ,
    .menu > ul > li > ul.gNaivSubMenu03 > li.subMenu04Icon a ,
    .menu > ul > li > ul.gNaivSubMenu03 > li.subMenu05Icon a ,
    .menu > ul > li > ul.gNaivSubMenu03 > li.subMenu06Icon a ,
    .menu > ul > li > ul.gNaivSubMenu04 > li.subMenuSide > ul > li a ,
    .menu > ul > li > ul.gNaivSubMenu04 > li.subMenuLeft > ul > li a ,
    .menu > ul > li > ul.gNaivSubMenu04 > li.subMenuRight > ul > li a ,
    .menu > ul > li > ul.gNaivSubMenu05 > li.subMenu01Icon a ,
    .menu > ul > li > ul.gNaivSubMenu05 > li.subMenu02Icon a ,
    .menu > ul > li > ul.gNaivSubMenu05 > li.subMenu03Icon a ,
    .menu > ul > li > ul.gNaivSubMenu05 > li.subMenu04Icon a ,
    .menu > ul > li > ul.gNaivSubMenu05 > li.subMenu05Icon a ,
    .menu > ul > li > ul.gNaivSubMenu05 > li.subMenu06Icon a ,
    .menu > ul > li > ul.gNaivSubMenu02 > li.subMenu07Icon a ,
    .menu > ul > li > ul.gNaivSubMenu02 > li.subMenu08Icon a ,
    .menu > ul > li > ul.gNaivSubMenu02 > li.subMenu09Icon a ,
    .menu > ul > li > ul.gNaivSubMenu03 > li.subMenu07Icon a ,
    .menu > ul > li > ul.gNaivSubMenu03 > li.subMenu08Icon a{
        background-image: none!important;
        color: #ffffff!important;
    }
    .menu > ul > li > ul.gNaivSubMenu01 > li.subMenu01Icon a:hover ,
    .menu > ul > li > ul.gNaivSubMenu01 > li.subMenu02Icon a:hover ,
    .menu > ul > li > ul.gNaivSubMenu01 > li.subMenu03Icon a:hover ,
    .menu > ul > li > ul.gNaivSubMenu01 > li.subMenu04Icon a:hover ,
    .menu > ul > li > ul.gNaivSubMenu01 > li.subMenu05Icon a:hover ,
    .menu > ul > li > ul.gNaivSubMenu01 > li.subMenu06Icon a:hover ,
    .menu > ul > li > ul.gNaivSubMenu02 > li.subMenu01Icon a:hover ,
    .menu > ul > li > ul.gNaivSubMenu02 > li.subMenu02Icon a:hover ,
    .menu > ul > li > ul.gNaivSubMenu02> li.subMenu03Icon a:hover ,
    .menu > ul > li > ul.gNaivSubMenu02 > li.subMenu04Icon a:hover ,
    .menu > ul > li > ul.gNaivSubMenu02 > li.subMenu05Icon a:hover ,
    .menu > ul > li > ul.gNaivSubMenu02 > li.subMenu06Icon a:hover ,
    .menu > ul > li > ul.gNaivSubMenu02 > li.subMenu07Icon a:hover ,
    .menu > ul > li > ul.gNaivSubMenu02 > li.subMenuFTIcon a:hover ,
    .menu > ul > li > ul.gNaivSubMenu02 > li.subMenuHRIcon a:hover ,
    .menu>ul>li>ul.gNaivSubMenu02>li.subMenuTransferIcon a:hover,
    .menu>ul>li>ul.gNaivSubMenu02>li.subMenuEmerIcon a:hover,
    .menu > ul > li > ul.gNaivSubMenu03 > li.subMenu01Icon a:hover ,
    .menu > ul > li > ul.gNaivSubMenu03 > li.subMenu02Icon a:hover ,
    .menu > ul > li > ul.gNaivSubMenu03> li.subMenu03Icon a:hover ,
    .menu > ul > li > ul.gNaivSubMenu03 > li.subMenu04Icon a:hover ,
    .menu > ul > li > ul.gNaivSubMenu03 > li.subMenu05Icon a:hover ,
    .menu > ul > li > ul.gNaivSubMenu03 > li.subMenu06Icon a:hover ,
    .menu > ul > li > ul.gNaivSubMenu05 > li.subMenu01Icon a:hover ,
    .menu > ul > li > ul.gNaivSubMenu05 > li.subMenu02Icon a:hover ,
    .menu > ul > li > ul.gNaivSubMenu05> li.subMenu03Icon a:hover ,
    .menu > ul > li > ul.gNaivSubMenu05 > li.subMenu04Icon a:hover ,
    .menu > ul > li > ul.gNaivSubMenu05 > li.subMenu05Icon a:hover ,
    .menu > ul > li > ul.gNaivSubMenu05 > li.subMenu06Icon a:hover ,
    .menu > ul > li > ul.gNaivSubMenu02 > li.subMenu07Icon a:hover ,
    .menu > ul > li > ul.gNaivSubMenu02 > li.subMenu08Icon a:hover ,
    .menu > ul > li > ul.gNaivSubMenu02 > li.subMenu09Icon a:hover ,
    .menu > ul > li > ul.gNaivSubMenu03 > li.subMenu07Icon a:hover,
    .menu > ul > li > ul.gNaivSubMenu03 > li.subMenu08Icon a:hover,
    /*.menu > ul > li > ul.gNaivSubMenu03 > li a:hover,*/
    .menu > ul > li > ul.gNaivSubMenu04 > li.subMenuSide > ul > li a:hover,
    .menu > ul > li > ul.gNaivSubMenu04 > li.subMenuLeft > ul > li a:hover ,
    .menu > ul > li > ul.gNaivSubMenu04 > li.subMenuRight > ul > li a:hover  {
        background-image: none!important;
    }
    /*add 170929/*/
    .menu > ul > li > ul.gNaivSubMenu02 > li:nth-child(n+6)  {
        list-style-type: none;
        width: 100%;
        height: auto;
        margin: 0;
    }
    
    .menu > ul > li > ul.gNaivSubMenu02 br{display: none;}
    /*/add*/
    
    /*add 171108/*/
    .menu > ul > li > ul.gNaivSubMenu03 > li:nth-child(n+6)  {
        list-style-type: none;
        width: 100%;
        height: auto;
        margin: 0;
    }

    .menu > ul > li > ul.gNaivSubMenu03 br{display: none;}
    /*/add*/
    
    
    .menu > ul > li.menu-dropdown-icon a {
    width: auto;
    cursor: pointer;
    background-size: 20px!important;
    background-position: 20px center;
    background-repeat: no-repeat;
    background-image: url(../images/gNaviIcon_sp.svg)!important;
    }
    
    .gNaviSubBox    {
        background-color: #164b9a;
        border-top: 1px solid #555599;
        color: #ffffff;
        width: 100%;
    }
    .gNaviSubBox span    {
        font-weight: bold;
    }
    .gNaviSubBoxInner   {
        padding: 5%;
    }
    .gNaviSubMenu a   {
        color: #ffffff!important;
        width: 50%;
        display: inline-block;
    }
    .gNaviSubBox ul.snsBtns li {
        list-style-type: none;
        width: 40px;
        padding: 2% 0 0 0;
        height: auto;
        display: inline-block;
        margin: 0 4%;
    }
    .gNaviSubBox ul.snsBtns li a {
        padding: 3%;
        display: block;
    }
    .gNaviSubBox ul.snsBtns li img {
        height: 30px;
    }
	nav ul li#gNaviTicket a span.gNaviTxt {
		top: 0 !important;
	}
    
    
    /* 運賃時刻表タブ2段組み*/
    
    #gNaviTicket a span{
        top: 0px!important;
        line-height: 2.0em!important;
    }

    #gNaviTicket br{
        display: none;
    }
    
    #gNaviTicket .dispSP{
        display: inline-block!important;
    }
    
}