mw-matrix {
  position: relative;
}

mw-matrix button { 
  width:24px; 
  height:24px; 
  padding:0;
  border: none;
  background:none transparent; 
  display:inline-block;
  transition:color .3s ease;
  position: relative;
}

mw-matrix button > .icon-matrix { color:#777; font-size:24px; line-height:1.00 !important;}
mw-matrix button:hover > .icon-matrix,
mw-matrix button:focus > .icon-matrix { color:#333; }

/**
 * ----------------------------------------
 * Matrix Animations
 * ----------------------------------------
 */

.mw_matrix_collapse:not(.mw_matrix_show) {
  display: none;
}

/* MATRIX MENU TABLET AND MOBILE */
#header_mobile mw-matrix .matrix_container,
#header_mobile .matrix_container_mobile { 
  margin:1px auto 0; 
  border:none; 
  box-shadow:none; 
  background:#fff; 
  float:none; 
  overflow:hidden; 
  position:relative;
  z-index:3;
  display:block !important; 
  height:auto !important;
}
#header_mobile .headernav_matrix > button,
#header_mobile .matrix_affordance_container_mobile mw-matrix button { 
  width:auto; 
  min-width:37px; 
  height:auto; 
  min-height:37px; 
  margin:3.5px -1.5px 0 0; 
  float:right; 
}
#header_mobile .headernav_matrix mw-matrix button > .icon-matrix,
#header_mobile .matrix_affordance_container_mobile mw-matrix button > .icon-matrix { color:#0076a8; }

/* DESKTOP MATRIX MENU */
mw-matrix .matrix_container,
.matrix_container_mobile { 
  width:319px; 
  padding:0 10px 10px; 
  margin-top:2px; 
  border:1px solid #999; 
  background:#fff; 
  box-shadow:0 1px 3px 0 rgba(0,0,0,0.25); 
  float:right; 
  overflow:hidden; 
  position:absolute; 
  right:0; 
  z-index:1037; 
}

mw-matrix .matrix_container ul.matrix_links_primary,
.matrix_container_mobile ul.matrix_links_primary,
.matrix_container.mw_matrix_bs_5 ul.matrix_links_primary { 
  border-bottom:1px solid #ccc; 
}
mw-matrix .matrix_container ul[class*="matrix_links_"],
.matrix_container_mobile ul[class*="matrix_links_"],
.matrix_container.mw_matrix_bs_5 ul[class*="matrix_links_"] { 
  width:100%; 
  padding:10px 0 0; 
  margin-bottom:0; 
  float:left; 
} 
mw-matrix .matrix_container ul[class*="matrix_links_"] > li,
.matrix_container_mobile ul[class*="matrix_links_"] > li,
.matrix_container.mw_matrix_bs_5 ul[class*="matrix_links_"] > li { 
  width:33.33%; 
  height:72px;
  padding:0 5px;
  margin:0 0 10px; 
  float:left;
  font-size:12px; 
  line-height:1.25; 
  text-align:center; 
  white-space:nowrap; 
} 
mw-matrix .matrix_container ul[class*="matrix_links_"] > li > a,
.matrix_container_mobile ul[class*="matrix_links_"] > li > a,
.matrix_container.mw_matrix_bs_5 ul[class*="matrix_links_"] > li > a { 
  width:100%; 
  padding:7px 0 0 0; 
  border:none;
  color: #0076a8 !important;
  background:transparent; 
  display:block; 
  text-decoration:none !important; 
}

mw-matrix .matrix_container ul[class*="matrix_links_"] > li > a > img,
.matrix_container_mobile ul[class*="matrix_links_"] > li > a > img,
.matrix_container.mw_matrix_bs_5 ul[class*="matrix_links_"] > li > a > img { 
  height:38px; 
  padding:2px; 
  width:auto; 
  margin:0 auto 7px; 
  border:1px solid transparent; 
  border-radius:5px; 
  display:block; 
  transition:background-color .3s ease, border-color 0.3s ease; 
}
mw-matrix .matrix_container ul[class*="matrix_links_"] > li > a > .matrix_link_title,
.matrix_container_mobile ul[class*="matrix_links_"] > li > a > .matrix_link_title,
.matrix_container.mw_matrix_bs_5 ul[class*="matrix_links_"] > li > a > .matrix_link_title { 
  max-width:89px; 
  display:block; 
  line-height:1.15; 
  white-space:normal; 
}

mw-matrix .matrix_container ul[class*="matrix_links_"] > li > a:hover > img,
mw-matrix .matrix_container ul[class*="matrix_links_"] > li.matrix_active > a > img,
.matrix_container_mobile ul[class*="matrix_links_"] > li > a:hover > img,
.matrix_container_mobile ul[class*="matrix_links_"] > li.matrix_active > a > img { 
  border-color:#999;  
  background-color:#f5f5f5; 
}
mw-matrix .matrix_container_zh { 
  font-family:"Microsoft YaHei","Segoe UI",Arial,Helvetica; 
}
mw-matrix .matrix_container_ja { 
  font-family:Meiryo,Verdana,Arial,Helvetica,"MS P ゴシック"; 
}
mw-matrix .matrix_container_kr { 
  font-family:Malgun Gothic, Apple Gothic, Arial, sans-serif; 
}