.commonHeader {
   width: 100%;
   position: fixed;
   top: 0px;
   left: 0;
   z-index: 101;
   -webkit-transition: all .3s;
   -moz-transition: all .3s;
   -ms-transition: all .3s;
   transition: all .3s;
   animation: slidein 1s;
   -moz-animation: slidein 1s;
   -webkit-animation: slidein 1s;
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   background-color: #fff;
 }
.disp-overlay .commonHeader{
    background-color: inherit;
    z-index: 10000;
}
 @keyframes slidein {
   0% {
     top: -100px
   }
   100% {
     top: 0px
   }
 }
 @-moz-keyframes slidein {
   0% {
     top: -100px
   }
   100% {
     top: 0px
   }
 }
 @-webkit-keyframes slidein {
   0% {
     top: -100px
   }
   100% {
     top: 0px
   }
 }
 .contentHeading {
   width: 90%;
   margin: 0 auto
 }
 .contentHeading img {
   display: block;
   width: 30px;
   margin: 0 auto
 }
 .drawer-overlay {
   position: fixed;
   z-index: 1;
   top: 0;
   left: 0;
   display: none;
   width: 100%;
   height: 100%;
   background-color: rgba(0, 0, 0, 0.8)
 }
 .slide-overlay, .disp-overlay {
  overflow: hidden;
  touch-action: none;
 }
html.disp-overlay body:before{content:"";background-color: rgba(0, 0, 0, 0.8) !important;position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 10000;}
 .glovalHeader {
   width: 100%
 }
 .headerInnerTop {
   position: relative;
   max-width: 100%;
   margin: 0 auto;
   padding: 6px 4% 5px;
   z-index: 100;
   box-sizing: border-box;
   background-color: #fff;
   order: 1;
   flex: 1;
 }
 .headerInnerTop.dispMenu:before,
 .headerInnerTop.dispMenu + .headerInnerBtm:before{content:"";background-color: rgba(0, 0, 0, 0.8);top: 0;left: 0;display: block;position: absolute;width: 100%;height: 100%;z-index: 2;}
 .headerInnerTop .headerInner {
   position: relative;
   max-width: 100%;
   display: flex;
   justify-content: space-between;
   align-items: center;
 }
 .headerInnerTop .headerInner:after, .headerInner .headerRight .shopBtn:after {
 }
 .headerInnerTop .logo {
   display: block;
   font-size: 100% !important;
   line-height: 1.5 !important;
   text-align: left !important;
   margin-bottom: 4px;
 }
 .headerInnerTop .logo a {
   text-decoration: none;
   color: #333;
   box-sizing: content-box !important
 }
 .headerInnerTop .logo img {
   max-width: 173px;
   vertical-align: bottom !important
 }
 .headerInnerTop .logo .copy {
   display: block;
   margin-bottom: 3px !important;
   font-size: 10px
 }
 .commonHeader .hamburger {
   z-index: 10000;
   width: 33px;
   height: 33px;
   order: 2;
   margin-top: 7px;
   margin-right: 10px;
 }
 .commonHeader .hamburger.active {
   right: 86%;
   position: absolute;
   margin: 0;
   top: 10px;
 }
 .commonHeader .hamburgerInner {
   box-sizing: border-box;
   width: 33px;
   height: 33px
 }
 .commonHeader .hamburger span {
   display: block;
   width: 100%;
   height: 2px;
   background: #4c3d1b;
   margin-top: 8px;
   -webkit-transition: all .3s;
   -moz-transition: all .3s;
   -ms-transition: all .3s;
   transition: all .3s
 }
 .commonHeader .hamburger.active span {
   background: #fff
 }
 .commonHeader .hamburger.active span:first-child {
   transform: translate(0, 14px) rotate(45deg)
 }
 .commonHeader .hamburger.active span:nth-child(2) {
   opacity: 0
 }
 .commonHeader .hamburger.active span:nth-child(3) {
   transform: translate(0, -6px) rotate(-45deg)
 }
 .commonHeader .hamburger span:first-child {
   margin-top: 4px
 }
 .headerInnerTop .headerRight {
 text-align: right;
 }
 .headerInnerTop .headerRight .shopBtn {
   position: relative;
   z-index: 3;
   display: inline-block;
 }
 .headerInnerTop .headerRight .shopBtn a {
   display: inline-block;
   font-size: 14px;
   padding: 2px 16px;
   width: auto;
   line-height: 24px;
   background-color: #bda662;
   color: #fff;
   text-decoration: none;
   border-radius: 100px;
 }
 .headerInnerTop .headerRight .shopBtn a:after {
   display: none
 }
 .headerInnerBtm {
   position: relative;
   z-index: 100;
   height: 50px;
   background-color: #081b27;
   width: 100%;
   order: 3;
 }
 .headerInnerBtm .glovalHeaderTop {
   width: 100% !important;
   display: flex;
   flex-direction: row;
   justify-content: space-around;
   box-sizing: content-box !important
 }
 .headerInnerBtm .glovalHeaderTop li {
   flex: 1;
   align-self: auto
 }
 .headerInnerBtm .glovalHeaderTop li a {
   position: relative;
   display: block;
   text-decoration: none;
   padding: 18px 0;
   color: #fff;
   font-size: 14px;
   line-height: 14px;
   text-align: center;
   border-left: 1px solid #fff;
   box-sizing: content-box !important
 }
 .headerInnerBtm .glovalHeaderTop li:first-child a {
   border-left: none
 }
 .headerInnerBtm .glovalHeaderTop li .iconWorld, .headerInnerBtm .glovalHeaderTop li .iconJapan {
   position: absolute;
   top: 50%;
   margin-top: -7px;
   margin-left: -2px;
   width: 14px;
   height: 14px
 }
 .headerInnerBtm .glovalHeaderTop li:first-child .text, .headerInnerBtm .glovalHeaderTop li:nth-child(2) .text {
   display: inline-block;
   margin-left: 14px
 }
 .openNav {
   display: block;
   width: 100%;
   height: 100%;
   position: fixed;
   overflow-y: scroll;
   top: 0;
   right: -100%;
   z-index: 100000;
   text-align: center;
   -webkit-transition: all .4s;
   -moz-transition: all .4s;
   -ms-transition: all .4s;
   transition: all .4s;
   -webkit-overflow-scrolling: touch
 }
 .openNav.active {
   right: 0;
 }
 .openNav > nav {
   margin-left: 20%;
   background-color: #fff;
   height: 100%;
   /* position: fixed; */
 }
 .openNav .mainNav {
   background-color: #fff;
   overflow-y: auto;
   -webkit-transition-timing-function: cubic-bezier(0.68, -0.25, 0.265, 1.25);
   transition-timing-function: cubic-bezier(0.68, -0.25, 0.265, 1.25);
   -webkit-transition-duration: .3s;
   transition-duration: .3s;
   -webkit-overflow-scrolling: touch;
 }
 .openNav .mainNav li {
   position: relative;
   padding: 0;
   border-bottom: solid 1px #e3e3e3;
   text-align: left
 }
 .openNav .mainNav li .iconJapan, .openNav .mainNav li .iconWorld {
   position: absolute;
   left: 10px;
   width: 16px;
   height: 16px
 }
 .openNav .mainNav li p, .openNav .mainNav li a {
   display: block;
   padding: 10px 34px;
   font-size: 13px;
   color: #0c1821;
   font-weight: bold;
   text-decoration: none
 }
 .openNav .mainNav li p {
   position: relative
 }
 .openNav .mainNav li a::after, .openNav .bottomNav li a::after, .openNav .mainNav li.toggleNav p::after {
   content: "\f105";
   display: block;
   position: absolute;
   top: 50%;
   right: 15px;
   margin-top: -7px;
   font-family: FontAwesome;
   font-style: normal;
   font-weight: normal;
   font-size: 14px;
   line-height: 1;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   color: #939393 !important
 }
 .openNav .bottomNav li a::after {
   right: 8px
 }
 .openNav .bottomNav li a::after, .openNav .mainNav li a::after {
   content: "\f105";
 }
 .openNav .mainNav li.toggleNav p::after {
   content: "\f107";
 }
 .openNav .mainNav li.toggleNav p.active::after {
   transform: rotate(180deg)
 }
 .openNav .mainNav li ul {
   display: none;
   width: 100%;
   margin: 0;
   background-color: #0c1821
 }
 .openNav .mainNav li ul li {
   display: block;
   position: relative;
   font-size: 14px;
   font-weight: normal;
   border: none;
   border-bottom: 1px solid #333
 }
 .openNav .mainNav li ul li:last-child {
   margin-right: 0
 }
 .openNav .mainNav li ul li::before {
   content: " ";
   display: block;
   position: absolute;
   width: 1px;
   height: 11px;
   top: 12px;
   left: -11px;
   background-color: #4c3d1b
 }
 .openNav .mainNav li ul li:first-child::before {
 
   display: none
 }
 .openNav .mainNav li ul li a {
   color: #fff;
   font-weight: normal;
   font-size: 12px;
 }
 
 
 .openNav .mainNav li strong.jud {
   font-weight: 600 !important
 }
 .openNav .bottomNav {
   background: #f3f3f3;
   display: flex;
   flex-wrap: wrap;
 }
 .openNav .bottomNav li {
   position: relative;
   flex-basis: 50%;
   border-bottom: 1px solid #e3e3e3
 }
 .openNav .bottomNav li:nth-child(odd) a {
   border-right: 1px solid #e3e3e3
 }
 .openNav .bottomNav li a {
   display: block;
   padding: 10px 14px;
   color: #939393;
   font-weight: bold;
   text-decoration: none
 }
 .openNav .menuPadding {
   position: fixed;
   height: 100%;
   width: 100%
 }
 body.disp-overlay .headerInnerTop, body.disp-overlay .headerInnerBtm {
   opacity: 0.6 !important
 }