/* 
- Name: megamenu.js - style.css
- Version: 1.0
- Latest update: 29.01.2016.
- Author: Mario Loncarek
- Author web site: http://marioloncarek.com
*/
.menu-container {
  margin: 0 auto;
/*
  background: url("/en/assets/img/bg-header-menu.png") left center no-repeat;*/
  width: 960px;
}
.menu-container ul ul{
  background: none;
}
.menu-container ul li.sp{
  display: none;
}
.menu-container ul li{
  margin-left: 1px !important;
  text-align: center;
/*  width: 179px;*//* 5コのとき */
  width: 130px;
  line-height: 55px;
  font-size: 112%;
}
.menu-container ul li a{
  position: relative;
}
.menu-container ul li.home a::before,
.menu-container ul li a::after{
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  background-color: #b2b2b2;
  width: 1px;
  height: 24px;
}
.menu-container ul li ul li a::after{
  content: none;
}
.menu-container ul li.home a::before{
  right: auto;
  left: 0;
}

.menu-container ul li.home,
.menu-container ul li.search{
/*  width: 59px;*//* 5コのとき */
  width: 42px;
}
.menu-container ul li.home a{
  background: url("/en/assets/img/nav-hdmenu-home.png") top center no-repeat;
}
.menu-container ul li.search a{
  background: url("/en/assets/img/nav-hdmenu-search.png") top center no-repeat;
}
#home .menu-container ul li.home a,
.menu-container ul li.home a:hover/*,
.menu-container ul li.search a:hover*/{
  background-position: center -70px;
}
/*
.menu-container ul li.home{
  margin: 0 42px 0 0;
}
*/
.menu-container ul li.search{
  margin: 0 0 0 42px;
}
.menu-mobile {
  display: none;
  position: absolute;
  right: 20px;
  width: 50px;
  height: 60px;
}
.menu-mobile:after {
    content: "\f394";
    font-family: "Ionicons";
    font-size: 2.5rem;
    padding: 0;
    float: right;
    position: relative;
    top: 20%;
    -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: 1em 2em;
    background: #fff;
    color: #333;
}
.menu > ul {
    margin: 0 auto;
    width: 100%;
    list-style: none;
    padding: 0;
    position: relative;
    box-sizing: border-box;
}
.menu > ul:before,
.menu > ul:after {
  content: "";
  display: table;
}
.menu > ul:after {
  clear: both;
}
.menu > ul > li {
  float: left;
  padding: 0;
  margin: 0;
  color: #303130;
}
.menu > ul > li a{
  border-bottom: 3px solid #e0e0e0;
}
.menu > ul > li:hover a{
  border-bottom: 3px solid #e0e0e0;
}
.menu > ul > li a.active{
  border-bottom: 3px solid #004097;
}
.menu > ul > li.search a{
  border-bottom: 3px solid #fff;
}
.menu > ul > li.search:hover a{
  border-bottom: 3px solid #e0e0e0;
}
.menu > ul > li a {
    text-decoration: none;
    padding: 0;
    display: block;
    color: #303130;
}
.menu > ul > li:hover {
    background: #e0e0e0;
}
.menu > ul > li > ul {
    display: none;
    width: 100%;
  background-color: rgba(224,224,224,0.8);
    padding: 20px;
    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 !important;
    padding-bottom: 0;
    list-style: none;
    width: 20%;
    background: none;
    float: left;
    font-size: 85%;
}
.menu > ul > li.method > ul.normal-sub > li.field,
.menu > ul > li.method > ul.normal-sub > li.elongation{
  width: 22%;
}
.menu > ul > li.method > ul.normal-sub > li.netis,
.menu > ul > li.method > ul.normal-sub > li.aric{
  width: 21%;
}
.menu > ul > li.method > ul.normal-sub > li.method-idx{
  width: 14%;
}

.menu > ul > li > ul > li a {
   /* color: #777;*/
    padding: .2em 0;
    width: 95%;
    display: block;
    border-bottom: 1px solid #ccc;
}
.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,
.menu > ul > li > ul.normal-sub > li a {
  border: 0;
}
.menu > ul > li > ul.normal-sub {
  margin: 0;
  padding: 10px 20px;
  width: 100%;
}
.menu > ul > li.search > ul.normal-sub {
  margin: 0 0 0 660px;
  width: 300px;
}

.menu > ul > li > ul.normal-sub > li {
  width: 20%;
  line-height: 1.5;
  text-align: left;
}
.menu > ul > li.company > ul.normal-sub > li {
  width: 25%;
}
.menu > ul > li > ul.normal-sub > li a {
  padding: 10px 0 10px 13px;
  background: url("/en/assets/img/nav-arrow-blue.png") 0 center no-repeat;
}
.menu > ul > li > ul.normal-sub > li a:hover{
  color: #004097;
}

/* ––––––––––––––––––––––––––––––––––––––––––––––––––
Mobile style's
–––––––––––––––––––––––––––––––––––––––––––––––––– */
@media only screen and (max-width: 960px) {
    .menu-container {
        background: none !important;
        width: 100%;
    }
    .menu-mobile,
    .menu-dropdown-icon:before {
        display: block;
    }
    .menu > ul {
        display: none;
    }
    .menu > ul > li,
    .en .menu-container ul li,
    .en .menu-container ul li.home {
        width: 100%;
        float: none;
        display: block;
    }
    .menu > ul > li a {
        padding: 1em;
        width: 100%;
        display: block;
    }
    .menu > ul > li > ul {
        position: relative;
    }
    .menu > ul > li > ul.normal-sub,
    .menu > ul > li > ul > li {
        width: 100%;
    }
    .menu > ul > li > ul > li {
        float: none;
    }
    .menu > ul > li > ul > li:first-child {
        margin: 0;
    }
    .menu > ul > li > ul > li > ul {
        position: relative;
    }
    .menu > ul > li > ul > li > ul > li {
        float: none;
    }
    .menu .show-on-mobile {
        display: block;
    }

.menu .show-on-mobile{
  top: 60px;
}
.menu-container ul li{
  margin-left: 0 !important;
  line-height: 1.5;
  background-color: rgba(224,224,224,0.8);
  text-align: left;
}
.menu-container ul li.home,
.menu-container ul li ul.normal-sub li{
  width: 100%;
}
.menu-container ul li.home{
  text-indent: 0 !important;
}
.menu-container ul li.home a{
  background: none;
}
.menu > ul > li a{
  position: static !important;
  border-bottom: 1px solid #ccc !important;
}

.menu-container ul li.home a::before,
.menu-container ul li a::after{
  content: none;
}
.menu-container ul li ul.normal-sub li a{
  border-bottom: none !important;
}
.menu-container ul li ul.normal-sub{
  background: #fff;
}

}