@charset "UTF-8";
@media screen and (max-width: 870px) {
  .navbar-collapse {
    max-height: 120vh;
    margin-bottom: 50px; } }
.megaMenu > li {
  position: relative; }
@media screen and (min-width: 870px) {
  .megaMenu {
    position: relative; }
    .megaMenu > li {
      position: initial; }
      .megaMenu > li > a {
        color: #fff;
        font-weight: bold;
        text-shadow: 1px 1px 1px #813452, -1px -1px 1px #813452, -1px 1px 1px #813452, 1px -1px 1px #813452, 0px 1px 1px #813452, 0 -1px 1px #813452, -1px 0 1px #813452, 1px 0 1px #813452;
        padding: 12px 0; }
        .megaMenu > li > a:hover {
          background: #a60e52;
          color: #fff; } }
@media screen and (max-width: 870px) {
  .megaMenu__item > a {
    text-align: initial !important; } }
@media screen and (max-width: 870px) {
  .megaMenu__item a {
    position: relative; }
    .megaMenu__item a .glyphicon {
      position: absolute;
      top: 50%;
      right: 10px;
      width: 15px;
      transform: translateY(-50%); } }
.megaMenu__item .do-expand,
.megaMenu__item .do-contract {
  display: none; }
@media screen and (max-width: 870px) {
  .megaMenu__item .do-expand {
    display: block !important; }
  .megaMenu__item .do-contract {
    display: none !important; }
  .megaMenu__item.open .do-expand {
    display: none !important; }
  .megaMenu__item.open .do-contract {
    display: block !important; } }
.megaMenu__subMenu {
  width: 100%;
  display: none;
  flex-wrap: wrap;
  justify-content: left; }
  @media screen and (min-width: 870px) {
    .megaMenu__subMenu {
      position: absolute;
      top: 100%;
      left: 0; } }
  .megaMenu__subMenu__item {
    width: 100%; }
    @media (min-width: 870px) {
      .megaMenu__subMenu__item {
        width: 236px;
        width: 33.3333%; } }
    @media (min-width: 992px) {
      .megaMenu__subMenu__item {
        width: 310px;
        width: 33.3333%; } }
    .megaMenu__subMenu__item a {
      position: relative;
      display: block;
      padding: 10px 20px;
      height: 100%; }
      @media screen and (max-width: 870px) {
        .megaMenu__subMenu__item a .glyphicon {
          display: none; } }
  @media (min-width: 870px) {
    .megaMenu__subMenu__item:nth-child(3n + 1) {
      width: 238px;
      width: 33.3333%; } }
  @media (min-width: 992px) {
    .megaMenu__subMenu__item:nth-child(3n + 1) {
      width: 310px;
      width: 33.3333%; } }
.megaMenu .open .megaMenu__subMenu {
  display: flex; }
@media all and (min-width: 870px) {
  .megaMenu__item:hover .megaMenu__subMenu {
    display: flex; } }

/** HIKIDAS追加項目 */
.navbar-toggle {
  padding: 2px 5px !important;
  border: 1px solid transparent;
  border: none;
  border-radius: 2px;
  border-radius: none; }

.navbar-toggle i {
  padding-left: 4px;
  vertical-align: middle; }

@media screen and (min-width: 870px) {
  .megaMenu__item > a {
    border-left: 1px solid #a60e52;
    font-weight: 500;
    font-size: 1.1em; }

  .megaMenu__item:first-child a {
    border-left: none !important; } }
@media screen and (max-width: 870px) {
  .megaMenu__item > a {
    background: #000;
    border-bottom: 1px dotted #fff;
    color: #fff;
    font-weight: bold;
    font-size: 1.2em; }

  .megaMenu__item > a:hover {
    background: #333333 !important; }

  .megaMenu__item > a:focus {
    background: #333333 !important; }

  .megaMenu__item li.active a {
    background: #c00; } }
.megaMenu__subMenu {
  padding: 0;
  background: inherit;
  background: #a60e52;
  font-weight: 600; }

@media screen and (min-width: 768px) {
  .megaMenu__subMenu {
    font-weight: 500;
    font-size: 0.9em; }

  .megaMenu__subMenu__item a {
    background-color: #a60e52;
    color: #fff; }

  .megaMenu__subMenu__item a:hover {
    background: #444;
    text-decoration: none; } }
@media screen and (max-width: 870px) {
  .megaMenu__subMenu {
    border-left: 1px solid #000;
    border-right: 1px solid #000; }

  .megaMenu__subMenu__item {
    z-index: 9999; }
    .megaMenu__subMenu__item a {
      border-bottom: 1px solid #000;
      background: #fff;
      color: #000; }
      .megaMenu__subMenu__item a:hover {
        background: #eee;
        text-decoration: none; } }
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
  border-color: #a60e52; }