@font-face {
  font-family: "Palatinotype";
  font-style: "";
  font-weight: "";
  src: url("../fonts/PalatinoLinotype.ttf") format("truetype"); }
@font-face {
  font-family: "TrajanBold";
  font-style: "";
  font-weight: "";
  src: url("../fonts/TrajanBold.ttf") format("truetype"); }
@font-face {
  font-family: "PalatinoBold";
  font-style: "";
  font-weight: "";
  src: url("../fonts/PalatinoLinotypeBold.ttf") format("truetype"); }
@font-face {
  font-family: "PalatinoBoldItalic";
  font-style: "";
  font-weight: "";
  src: url("../fonts/PalatinoLinotypeBoldItalic.ttf") format("truetype"); }
@font-face {
  font-family: "PalatinoItalic";
  font-style: "";
  font-weight: "";
  src: url("../fonts/PalatinoLinotypeItalic.ttf") format("truetype"); }
@font-face {
  font-family: "PaleBlueEyes";
  font-style: "";
  font-weight: "";
  src: url("../fonts/PaleBlueEyes.ttf") format("truetype"); }
@font-face {
  font-family: "TrajanProBold";
  font-style: "";
  font-weight: "";
  src: url("../fonts/TrajanPro-Bold_33.otf") format("opentype"); }
@font-face {
  font-family: "MuseoSans";
  font-style: "";
  font-weight: "";
  src: url("../fonts/MuseoSans.otf") format("opentype"); }
.navbar-collapse {
  overflow: hidden !important;
  height: 80%; }
  .navbar-collapse.collapse {
    overflow: hidden !important;
    height: 80%;
    position: relative; }

.navbar-toggle {
  border: 0; }
  .navbar-toggle:hover {
    background-color: transparent !important;
    border: 0 !important;
    outline: 0 !important; }
  .navbar-toggle:active {
    background-color: transparent !important;
    border: 0 !important;
    outline: 0 !important; }
    .navbar-toggle:active:focus {
      background-color: transparent !important;
      border: 0 !important;
      outline: 0 !important; }
  .navbar-toggle:focus {
    background-color: transparent !important;
    border: 0 !important;
    outline: 0 !important; }

/* .collapsing {
  position: relative;
  height: auto !important;
  overflow: hidden;
     
  } */
html {
  background-color: #fff;
  background-image: url(../../images/bg-menu-page.png);
  background-repeat: no-repeat;
  background-position: center;
  -o-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  height: 100%;
  max-height: 100%;
  min-height: 100%; }
  html body {
    background-color: transparent;
    min-height: 100%;
    max-height: 100%;
    height: 100%;
    overflow: hidden; }
    html body #wrapper {
      max-height: 100%;
      min-height: 100%;
      height: 100%; }
      html body #wrapper #menu-wrapper {
        min-width: 235px;
        max-width: 235px;
        min-height: 100%;
        max-height: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        z-index: 1; }
        html body #wrapper #menu-wrapper .navbar-header {
          display: block !important;
          float: none !important;
          text-align: left;
          padding-bottom: 80px; }
          html body #wrapper #menu-wrapper .navbar-header .navbar-brand {
            margin-left: 0;
            float: none;
            padding: 0;
            color: #fff;
            text-align: left;
            display: block;
            height: auto;
            padding: 0 15px; }
            html body #wrapper #menu-wrapper .navbar-header .navbar-brand img {
              float: none;
              vertical-align: middle;
              align-items: center;
              display: inline-block; }
        html body #wrapper #menu-wrapper .navbar {
          /* min-height: 100%;
          max-height: 100%;
          height: 100%; */
          margin-bottom: 0;
          border-radius: 0;
          padding: 60px 0; }
        html body #wrapper #menu-wrapper .container-fluid {
          padding: 0;
          min-height: 100%;
          max-height: 100%;
          height: 100%; }
        html body #wrapper #menu-wrapper .navbar-inverse {
          background-color: rgba(0, 25, 37, 0.9);
          border: 0;
          min-height: 100%;
          max-height: 100%;
          height: 100%; }
        html body #wrapper #menu-wrapper .nav-pills {
          min-height: 100%;
          max-height: 100%;
          height: 100%;
          overflow-x: hidden; }
          html body #wrapper #menu-wrapper .nav-pills .dropdown:focus {
            background: transparent;
            background-color: transparent; }
          html body #wrapper #menu-wrapper .nav-pills .dropdown:hover {
            background: transparent;
            background-color: transparent; }
          html body #wrapper #menu-wrapper .nav-pills .dropdown:active {
            background: transparent;
            background-color: transparent; }
          html body #wrapper #menu-wrapper .nav-pills .dropdown .dropdown-toggle {
            cursor: pointer; }
            html body #wrapper #menu-wrapper .nav-pills .dropdown .dropdown-toggle:focus {
              background: transparent;
              background-color: transparent;
              text-decoration: underline; }
            html body #wrapper #menu-wrapper .nav-pills .dropdown .dropdown-toggle:hover {
              background: transparent;
              background-color: transparent;
              text-decoration: underline; }
            html body #wrapper #menu-wrapper .nav-pills .dropdown .dropdown-toggle:active {
              background: transparent;
              background-color: transparent;
              text-decoration: underline; }
          html body #wrapper #menu-wrapper .nav-pills .dropdown .caret {
            position: absolute;
            top: 10px;
            margin-left: 10px; }
          html body #wrapper #menu-wrapper .nav-pills .dropdown .dropdown-menu {
            position: relative;
            background: #CAB253;
            background-color: #CAB253;
            box-shadow: none;
            border: 0;
            border-radius: 0;
            min-width: 100%;
            padding: 5px;
            z-index: 1;
            top: 0;
            margin: 35px 0; }
            html body #wrapper #menu-wrapper .nav-pills .dropdown .dropdown-menu li {
              padding: 10px; }
              html body #wrapper #menu-wrapper .nav-pills .dropdown .dropdown-menu li a {
                font-size: 12px; }
          html body #wrapper #menu-wrapper .nav-pills .dropdown.open {
            background: transparent;
            background-color: transparent; }
            html body #wrapper #menu-wrapper .nav-pills .dropdown.open:focus {
              background: transparent;
              background-color: transparent; }
            html body #wrapper #menu-wrapper .nav-pills .dropdown.open:hover {
              background: transparent;
              background-color: transparent; }
            html body #wrapper #menu-wrapper .nav-pills .dropdown.open:active {
              background: transparent;
              background-color: transparent; }
            html body #wrapper #menu-wrapper .nav-pills .dropdown.open .dropdown-toggle {
              cursor: pointer;
              background: transparent;
              background-color: transparent; }
              html body #wrapper #menu-wrapper .nav-pills .dropdown.open .dropdown-toggle:focus {
                background: transparent;
                background-color: transparent;
                text-decoration: underline; }
              html body #wrapper #menu-wrapper .nav-pills .dropdown.open .dropdown-toggle:hover {
                background: transparent;
                background-color: transparent;
                text-decoration: underline; }
              html body #wrapper #menu-wrapper .nav-pills .dropdown.open .dropdown-toggle:active {
                background: transparent;
                background-color: transparent;
                text-decoration: underline; }
          html body #wrapper #menu-wrapper .nav-pills li {
            font-family: 'Palatinotype';
            float: none !important;
            font-size: 15px;
            letter-spacing: 2px;
            padding: 35px 0; }
            html body #wrapper #menu-wrapper .nav-pills li:first-child {
              padding-top: 0; }
            html body #wrapper #menu-wrapper .nav-pills li.active a {
              background-color: transparent;
              color: #fff; }
            html body #wrapper #menu-wrapper .nav-pills li:focus {
              outline: 0; }
            html body #wrapper #menu-wrapper .nav-pills li a {
              position: relative;
              border: 0;
              padding: 0;
              color: #fff; }
              html body #wrapper #menu-wrapper .nav-pills li a:focus {
                background-color: transparent;
                outline: 0;
                text-decoration: underline; }
              html body #wrapper #menu-wrapper .nav-pills li a:active {
                outline: 0;
                text-decoration: underline; }
                html body #wrapper #menu-wrapper .nav-pills li a:active:focus {
                  outline: 0;
                  text-decoration: underline; }
              html body #wrapper #menu-wrapper .nav-pills li a.link-tab-menu {
                font-size: 15px;
                /* &:before {
                	content: "";
                	position: absolute;
                	width: 100%;
                	height: 1px;
                	bottom: 0;
                	left: 0;
                	background-color: #fff;
                	visibility: hidden;
                	-webkit-transform: scaleX(0);
                	transform: scaleX(0);
                	-webkit-transition: all 0.3s ease-out 0s;
                	transition: all 0.3s ease-out 0s;
                	} */ }
                html body #wrapper #menu-wrapper .nav-pills li a.link-tab-menu:hover {
                  background-color: transparent;
                  text-decoration: underline;
                  /* &:before {
                  	visibility: visible;
                  	-webkit-transform: scaleX(1);
                  	transform: scaleX(1);
                  	} */ }
                html body #wrapper #menu-wrapper .nav-pills li a.link-tab-menu.active a {
                  background-color: transparent;
                  color: #fff; }
              html body #wrapper #menu-wrapper .nav-pills li a.btn {
                font-family: 'PalatinoBold';
                display: inline;
                padding: 15px;
                color: #0C2C51;
                text-align: left;
                background-color: #fff;
                font-size: 17px;
                border-radius: 0;
                padding: 10px 25px; }
      html body #wrapper #content-wrapper {
        max-height: 100%;
        min-height: 100%;
        height: 100%;
        margin-left: 235px;
        position: relative;
        top: 0;
        right: 0;
        bottom: 0;
        overflow: hidden; }
        html body #wrapper #content-wrapper .load {
          display: none;
          height: 100%;
          width: 100%;
          vertical-align: middle;
          align-items: center;
          background-color: rgba(255, 255, 255, 0.7);
          transition: all .5s ease;
          position: relative;
          z-index: 1;
          					/* .load-img{
          
          						background-image: url(../../images/progress.gif);
          						background-repeat: no-repeat;
          						background-position: center;
          						-o-background-size: 70% 70%;
          						-moz-background-size: 70% 70%;
          						-webkit-background-size: 70% 70%;
          						background-size: 70% 70%;
          						width: 40px;
          						height: 40px;
          						background-color: rgba(0,0,0,.9);
          						border-radius: 30%;
          						margin: 0 auto;
          
          						} */ }
        html body #wrapper #content-wrapper .container-fluid {
          min-height: 100%;
          max-height: 100%;
          height: 100%; }
        html body #wrapper #content-wrapper .content-row {
          min-height: 100%;
          max-height: 100%;
          height: 100%; }
        html body #wrapper #content-wrapper .content-col {
          position: relative;
          min-height: 100%;
          max-height: 100%;
          height: 100%; }
        html body #wrapper #content-wrapper .page-header {
          background-color: transparent;
          font-family: 'Palatinotype';
          color: #0C2C51;
          border-bottom: 0;
          margin: 60px 0 5px 0;
          padding-bottom: 0;
          margin-right: 15px;
          margin-left: 15px;
          min-height: 60px;
          -webkit-transition: box-shadow .3s, margin-bottom .3s;
          -moz-transition: box-shadow .3s, margin-bottom .3s;
          transition: box-shadow .3s, margin-bottom .3s;
          box-shadow: none;
          position: relative; }
          html body #wrapper #content-wrapper .page-header h1 {
            letter-spacing: 4px;
            text-align: right;
            margin: 0;
            position: absolute;
            top: 0;
            right: 15px;
            bottom: 0;
            line-height: 1.6; }
        html body #wrapper #content-wrapper .tab-content {
          min-height: 100%;
          max-height: 100%;
          height: 100%;
          overflow: hidden; }
          html body #wrapper #content-wrapper .tab-content .tab-pane {
            min-height: 100%;
            max-height: 100%;
            height: 100%;
            overflow: hidden;
            		/* min-height: 100%;
            max-height: 100%;
            height: 100%; */ }
          html body #wrapper #content-wrapper .tab-content .tab-title {
            font-family: 'Palatinotype';
            color: #CAB253;
            letter-spacing: 3px;
            padding: 0 15px;
            margin-bottom: 10px; }
            html body #wrapper #content-wrapper .tab-content .tab-title h3 {
              margin-bottom: 10px; }
          html body #wrapper #content-wrapper .tab-content .main-content {
            overflow-x: hidden !important;
            overflow-y: auto;
            /* min-height: 70%;
            max-height: 70%; */
            /* overflow-x: hidden;
            overflow-y: scroll; */ }
            html body #wrapper #content-wrapper .tab-content .main-content.border-page-header {
              box-shadow: 0 -5px 5px -5px #333;
              -webkit-transition: box-shadow .3s, margin-bottom .3s;
              -moz-transition: box-shadow .3s, margin-bottom .3s;
              transition: box-shadow .3s, margin-bottom .3s; }
          html body #wrapper #content-wrapper .tab-content .items-content {
            margin-bottom: 15px; }
            html body #wrapper #content-wrapper .tab-content .items-content:nth-child(1) {
              padding-top: 0; }
            html body #wrapper #content-wrapper .tab-content .items-content:nth-child(2) {
              padding-top: 0; }
            html body #wrapper #content-wrapper .tab-content .items-content:nth-child(3) {
              padding-top: 0; }
          html body #wrapper #content-wrapper .tab-content .thumbnail {
            padding: 0;
            border: 0;
            background-color: transparent; }
            html body #wrapper #content-wrapper .tab-content .thumbnail .img-thumbnail-wrapper {
              width: 100%;
              min-height: 204px;
              /* background-image: url(../../images/bg-pg-menu.png);
              background-repeat: no-repeat;
              background-position: center;
              background-size: cover; */
              background-color: transparent;
              position: relative;
              display: table;
              vertical-align: middle;
              text-align: center;
              padding: 20px 0; }
              html body #wrapper #content-wrapper .tab-content .thumbnail .img-thumbnail-wrapper a {
                display: block;
                position: relative;
                -webkit-transition: all 0.3s ease-out 0s;
                transition: all 0.3s ease-out 0s; }
                html body #wrapper #content-wrapper .tab-content .thumbnail .img-thumbnail-wrapper a .overlay {
                  background-color: transparent;
                  visibility: hidden;
                  position: absolute;
                  top: 0;
                  right: 0;
                  left: 0;
                  bottom: 0;
                  -webkit-transition: all 0.3s ease-out 0s;
                  transition: all 0.3s ease-out 0s; }
                  html body #wrapper #content-wrapper .tab-content .thumbnail .img-thumbnail-wrapper a .overlay .fa {
                    position: absolute;
                    top: 50%;
                    left: 50%;
                    transform: translate(-50%, -50%);
                    color: white; }
                html body #wrapper #content-wrapper .tab-content .thumbnail .img-thumbnail-wrapper a:hover .overlay {
                  visibility: visible;
                  background-color: rgba(0, 0, 0, 0.6); }
              html body #wrapper #content-wrapper .tab-content .thumbnail .img-thumbnail-wrapper .main_img {
                display: table-cell;
                vertical-align: middle;
                text-align: center; }
              html body #wrapper #content-wrapper .tab-content .thumbnail .img-thumbnail-wrapper img {
                max-width: 100%;
                display: block;
                margin: 0 auto; }
            html body #wrapper #content-wrapper .tab-content .thumbnail .caption {
              padding: 0; }
              html body #wrapper #content-wrapper .tab-content .thumbnail .caption .caption-title {
                color: #CAB253;
                font-family: 'TrajanBold';
                letter-spacing: 2px;
                display: inline-block;
                margin-bottom: 10px;
                margin-top: 40px; }
              html body #wrapper #content-wrapper .tab-content .thumbnail .caption .detail {
                font-family: 'MuseoSans';
                color: #231F20; }
              html body #wrapper #content-wrapper .tab-content .thumbnail .caption .pcs {
                color: #CAB253;
                font-family: 'TrajanBold';
                display: inline-block;
                font-size: 15px; }
              html body #wrapper #content-wrapper .tab-content .thumbnail .caption .name_jpn {
                display: block;
                margin: 5px 0; }
              html body #wrapper #content-wrapper .tab-content .thumbnail .caption .price {
                font-family: 'TrajanProBold';
                display: inline-block;
                width: 100%; }

@media screen and (max-width: 767px) {
  .navbar-toggle {
    margin-right: 30px; }

  .collapsing {
    -webkit-transform: translateX(0);
    transform: translateX(0); }

  html {
    overflow: unset;
    background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-repeat: repeat; }
    html body {
      min-height: auto;
      max-height: auto;
      height: auto;
      overflow: auto; }
      html body #wrapper {
        max-height: auto;
        min-height: auto;
        height: auto; }
        html body #wrapper #content-wrapper {
          position: relative;
          margin-left: 0;
          margin-top: 88px; }
          html body #wrapper #content-wrapper .container-fluid {
            min-height: auto;
            max-height: auto;
            height: auto; }
          html body #wrapper #content-wrapper .content-row {
            min-height: auto;
            max-height: auto;
            height: auto; }
          html body #wrapper #content-wrapper .content-col {
            min-height: auto;
            max-height: auto;
            height: auto; }
          html body #wrapper #content-wrapper .page-header {
            margin-top: 0;
            margin-bottom: 0; }
            html body #wrapper #content-wrapper .page-header h1 {
              right: 0; }
          html body #wrapper #content-wrapper .tab-content {
            min-height: auto;
            max-height: auto;
            height: auto;
            overflow: auto; }
            html body #wrapper #content-wrapper .tab-content .tab-pane {
              min-height: auto;
              max-height: auto;
              height: auto;
              overflow: auto; }
            html body #wrapper #content-wrapper .tab-content .tab-title {
              margin-top: 0;
              margin-bottom: 10px; }
              html body #wrapper #content-wrapper .tab-content .tab-title h3 {
                margin-top: 0;
                margin-bottom: 10px; }
            html body #wrapper #content-wrapper .tab-content .main-content {
              overflow: auto; }
        html body #wrapper #menu-wrapper {
          min-width: 100%;
          min-height: auto;
          height: auto;
          z-index: unset;
          top: 0;
          left: 0;
          right: 0; }
          html body #wrapper #menu-wrapper .navbar-inverse {
            min-height: auto;
            height: auto; }
          html body #wrapper #menu-wrapper .navbar {
            padding: 15px 0 0 0; }
          html body #wrapper #menu-wrapper .navbar-header {
            text-align: center;
            padding-bottom: 15px;
            margin: 0; }
            html body #wrapper #menu-wrapper .navbar-header .navbar-brand {
              display: inline-block;
              margin-left: 0;
              float: left; }
          html body #wrapper #menu-wrapper .nav-pills .dropdown .dropdown-menu {
            top: 0;
            padding: 0;
            position: static;
            margin: 35px 0;
            float: none;
            z-index: unset; }
            html body #wrapper #menu-wrapper .nav-pills .dropdown .dropdown-menu li {
              padding: 0; }
              html body #wrapper #menu-wrapper .nav-pills .dropdown .dropdown-menu li a {
                padding: 35px 0; }
          html body #wrapper #menu-wrapper .nav-pills .dropdown.open {
            padding-bottom: 0; }
            html body #wrapper #menu-wrapper .nav-pills .dropdown.open .dropdown-menu {
              margin-bottom: 0; }
          html body #wrapper #menu-wrapper .nav-pills .dropdown .dropdown-backdrop {
            display: none; }
          html body #wrapper #menu-wrapper .nav-pills li {
            padding: 35px 0;
            text-align: center; }
            html body #wrapper #menu-wrapper .nav-pills li:first-child {
              padding-top: 35px; }
            html body #wrapper #menu-wrapper .nav-pills li a {
              text-align: center; }

  .navbar-collapse.collapse {
    width: 100% !important;
    display: block !important;
    position: fixed;
    top: 87px;
    left: 0;
    bottom: 0;
    margin: 0;
    background-color: rgba(0, 25, 37, 0.9);
    padding: 0;
    -webkit-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    transform: translateX(-100%);
    transition: -webkit-transform 250ms ease-in-out;
    transition: transform 250ms ease-in-out;
    transition: transform 250ms ease-in-out,-webkit-transform 250ms ease-in-out;
    z-index: 999; }
    .navbar-collapse.collapse.in {
      -webkit-transform: translateX(0);
      transform: translateX(0); } }
@media screen and (max-width: 550px) {
  .navbar-toggle {
    margin-right: 10px; }

  html body #wrapper #content-wrapper .page-header {
    margin-right: 0;
    margin-left: 0; }
  html body #wrapper #content-wrapper .tab-content .tab-title {
    padding: 0; }
  html body #wrapper #content-wrapper .tab-content .items-content {
    padding-left: 0;
    padding-right: 0;
    width: 100%; } }

/*# sourceMappingURL=menu.css.map */