/* Basic CSS */
html{
  -webkit-text-size-adjust: none;
  -webkit-font-smoothing: aliased;
}
header nav{
  background : none 0% 0% / auto auto repeat scroll padding-box border-box black;
  text-align : center;
}
header nav ul{
  margin: 0;
  padding : 0.7em 1em;
  list-style-type: none;
}
header nav ul li{
  display: inline;
  margin-left : 1.5em;
}
header nav ul li:first-child{
  margin-left: 0;
}
header nav ul li ul{
  display: none;
}
a, a:hover {
  -o-transition: color 0.25s ease-in;
  -webkit-transition: color 0.25s ease-in;
  -moz-transition: color 0.25s ease-in;
  transition: color 0.25s ease-in;
}
*/a.meanmenu-reveal{
  display:none}
.mean-container .mean-bar{
  float:left;
  width:100%;
  position:relative;
  background:#0c1923;
  padding:4px 0;
  min-height:42px;
  z-index:999999;
  font-size : 90%;
}
.mean-container a.meanmenu-reveal{
  width:22px;
  height:22px;
  padding:13px 13px 11px;
  position:absolute;
  top:0;
  right:0;
  cursor:pointer;
  color : white;
  text-decoration:none;
  font-size : 1px;
  text-indent:-9999em;
  line-height:22px;
  display:block;
  font-family:Arial,Helvetica,sans-serif;
  font-weight:700;
}
.mean-container a.meanmenu-reveal span{
  display:block;
  background:#fff;
  height:3px;
  margin-top:3px;
}
.mean-container .mean-nav{
  float:left;
  width:100%;
  background:#0c1923;
  margin-top:44px;
}
.mean-container .mean-nav ul{
  padding:0;
  margin:0;
  width:100%;
  list-style-type:none;
}
.mean-container .mean-nav ul li{
  position:relative;
  float:left;
  width:100%;
}
.mean-container .mean-nav ul li a{
  display:block;
  float:left;
  width:90%;
  padding:1em 5%;
  margin:0;
  text-align:left;
  color:#fff;
  border-top:1px solid #383838;
  border-top:1px solid rgba(255,255,255,.5);
  text-decoration:none;
  text-transform:uppercase;
}
.mean-container .mean-nav ul li li a{
  width:80%;
  padding:1em 10%;
  border-top:1px solid #f1f1f1;
  border-top:1px solid rgba(255,255,255,.25);
  opacity:.75;
  filter:alpha(opacity=75);
  text-shadow:none!important;
  visibility:visible;
}
.mean-container .mean-nav ul li.mean-last a{
  border-bottom:0;
  margin-bottom:0;
}
.mean-container .mean-nav ul li li li a{
  width:70%;
  padding:1em 15%;
}
.mean-container .mean-nav ul li li li li a{
  width:60%;
  padding:1em 20%;
}
.mean-container .mean-nav ul li li li li li a{
  width:50%;
  padding:1em 25%;
}
.mean-container .mean-nav ul li a:hover{
  background:#252525;
  background:rgba(255,255,255,.1);
}
.mean-container .mean-nav ul li a.mean-expand{
  margin-top:1px;
  width:26px;
  height:32px;
  padding:12px!important;
  text-align:center;
  position:absolute;
  right:0;
  top:0;
  z-index:2;
  font-weight:700;
  background:rgba(255,255,255,.1);
  border:0!important;
  border-left:1px solid rgba(255,255,255,.4)!important;
  border-bottom:1px solid rgba(255,255,255,.2)!important;
}
.mean-container .mean-nav ul li a:hover.mean-expand{
  background:rgba(0,0,0,.9);
}
.mean-container .mean-push{
  float:left;
  width:100%;
  padding:0;
  margin:0;
  clear:both;
}
.mean-nav .wrapper{
  width:100%;
  padding:0;
  margin:0;
}
.mean-container .mean-bar,.mean-container .mean-bar *{
  -webkit-box-sizing:content-box;
  -moz-box-sizing:content-box;
  box-sizing:content-box;
}
.mean-remove{
  display:none!important;
}
.menubox{
  width : 100%;
  text-align : right;
  position : fixed;
  background-color : black;
  z-index : 999;
  font-size: 120%;
}
.menubox a{
  color : #ffffff!important;
  text-decoration: none!important;
  font-weight : normal!important;
}
.menubox a:hover{
  color : #ff0000!important;
  text-decoration: none!important;
  font-weight : normal!important;
}
.logo{
  background-color : #ab191f;
  vertical-align : middle;
  text-align : center;
  padding-top : 13px;
  padding-left : 50px;
  padding-right : 50px;
  padding-bottom : 13px;
  width : 200px;
  height : 39px;
  position : fixed;
  z-index : 1000;
}
.last{
  margin-right : 40px;
}
.lang-sep{
  color: #bababa;
}
.js-hover-roll{
  display: inline-block;
  overflow: hidden;
  vertical-align: bottom;
  position: relative;
}
.js-hover-roll span{
  display: block;
  transition: transform 0.3s ease;
}
.js-hover-roll::before{
  content: attr(data-text);
  display: block;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  transition: transform 0.3s ease;
}
.js-hover-roll:hover span,
.js-hover-roll:hover::before{
  transform: translateY(-100%);
}
.lang-current{
  color: #ffffff;
}
.lang-switch{
  color: #bababa;
} 
.lang-switch >  a,
.lang-switch > span {
  margin: 0 0.4em;
} 
.lang-switch{
  color: #bababa;
} 
.menubox a.lang-en,
.menubox a.lang-jp{
  color: #bababa!important;
}
.menubox a.lang-en:hover,
.menubox a.lang-jp:hover{
  color: #ff0000!important;
}